.Net语言 APP开发平台——Smobiler学习日志：手机应用的TextTabBar快速实现方式

参考页面：

http://www.yuanjiaocheng.net/webapi/create-crud-api-1-put.html

http://www.yuanjiaocheng.net/webapi/create-crud-api-1-delete.html

http://www.yuanjiaocheng.net/webapi/Consume-web-api.html

http://www.yuanjiaocheng.net/webapi/mvc-consume-webapi-get.html

http://www.yuanjiaocheng.net/webapi/mvc-consume-webapi-post.html

最前面的话：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窗体设计界面显示效果

二、手机效果显示