移动开发,VisualStudio移动开发

一、          样式一

TextTabBar控件

图片 1 

一、          样式一

我们要实现上图中的效果,需要如下的操作:

 图片 2

  1. 从工具栏上的“Smobiler Components”拖动一个ImageTabBar控件到窗体界面上

我们要实现上图中的效果,需要如下的操作:

 图片 3

  1. 从工具栏上的“Smobiler Components”拖动一个TextTabBar控件到窗体界面上
  1. 修改ImageTabBar的属性
    1. BackColor属性

 图片 4

设置控件的背景色为“249, 249, 249”,如图1;

  1. 修改TextTabBar的属性
    1. BackColor属性

图片 5

设置控件的背景色为“18, 183, 245”,如图1;

图 1设置界面

 图片 6

  1. ForeColor属性

图 1设置界面

设置控件字体的颜色,将该属性设置为“Black”,如图 2;

  1. Border属性

 图片 7

设置控件边框,将该属性设置为“1,1,1,1”,如图 2;

图 2设置界面

 图片 8

  1. Items属性

图 2设置界面

获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写ImageResourceID(菜单项图片名称),SelectImageResourceID(菜单项选择状态图片名称),Text(菜单项文本),Value(内部值,不在界面上显示),如图
3、图 4;

  1. BorderColor属性

 图片 9

设置控件边框颜色,将该属性设置为“White”,如图 3;

图 3设置界面1

图片 10 

图片 11 

图 3设置界面

图 4设置界面2

  1. BorderRadius属性
  1. Location属性

设置控件边框的角度,将该属性设置为“5”,如图 4;

让控件显示在合适的位置(5, 16),如图 9;

 图片 12

 图片 13

图 4设置界面

图 5设置界面

  1. BorderSize属性
  1. SelectBackColor属性

设置控件边框大小,默认设置为“0.1”,如图 5;

获取和设置标签栏单元选择状态背景色,将该属性设置为“249, 249, 249”,如图
6;

 图片 14

 图片 15

图 5设置界面

图 6设置界面

  1. ForeColor属性
  1. SelectForeColor属性

设置控件字体的颜色,默认设置为“White”,如图 6;

获取和设置标签栏单元选择状态前景色,将该属性设置为“122, 69, 229”,如图
7;

 图片 16

发表评论

电子邮件地址不会被公开。 必填项已用*标注