最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便
一、目标样式
我们要实现上图中的效果,需要如下的操作:
1.从工具栏上的“Smobiler Components”拖动一个TextTabBar控件到窗体界面上
2.修改TextTabBar控件的属性
a.BackColor属性
设置控件的背景色为“White”,如图1;
b.ForeColor属性
设置控件字体的颜色,将该属性设置为“95, 100, 110”,表示RGB颜色,如图2;
c.Items属性
获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写Text(菜单项文本),Value(内部值,不在界面上显示),如图3、图4;
图1 | 图2 | 图3 | 图4 |
d.ItemScroll属性
设置是否允许标签栏滚动,将该属性设置为“True”,如图5;
e.ItemScrollCount属性
设置当ItemScroll属性为“True”时每次显示的单元数量,将该属性设置为“4”,如图6;
f.Location属性
让控件显示在合适的位置(0, 16.5),如图7;
g.SelectBackColor属性
获取和设置标签栏单元选择状态背景色,默认设置为“White”,如图8;
图5 | 图6 | 图7 | 图8 |
h.SelectForeColor属性
获取和设置标签栏单元选择状态前景色,将该属性设置为“255, 80, 0”,表示RGB颜色,如图9;
i.SelectItemIndex属性
获取和设置标签栏默认选择索引,默认设置为“0”,如图10;
j.Size属性
设置控件的宽度和高度,将该属性设置为(118, 13),如图11;
图9 | 图10 | 图11 |
3.Smobiler窗体设计界面显示效果
二、手机效果显示