码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-01-07 15:09:08      阅读:301      评论:0      收藏:0      [点我收藏+]

标签:drag   日志   text   ima   tar   target   phone   items   方式   

参考页面:

http://www.yuanjiaocheng.net/entity/createdatamodel.html

http://www.yuanjiaocheng.net/Spring/first.html

http://www.yuanjiaocheng.net/entity/modelbrowser.html

http://www.yuanjiaocheng.net/entity/dbcontext.html

http://www.yuanjiaocheng.net/mvc/first.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窗体设计界面显示效果

技术分享

二、手机效果显示

技术分享 技术分享

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

标签:drag   日志   text   ima   tar   target   phone   items   方式   

原文地址:http://www.cnblogs.com/liubibi23/p/6259354.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!