html 遮罩 activex控件_Smobiler APP开发----ToolBar控件 - 代码如风~~~

     ToolBar控件制作APP首页的标题栏最为合适,官方给的例子也是利用ToolBar做的标题栏。

d96cd304f739b5951010ef3ec365ed30.png

下面就说一下ToolBar在实际开发中的应用。

官方文档给的ToolBar的属性和说明:

  5caa967c7ff859613a17c4fb2509229f.png

f25153348ac6a6f8f481fdad26e26892.png

 新建一个From,添加ToolBar组件:

3f965a63ff10a9fe7f06aebf778465d1.png

 向ToolBar添加标题栏,ToolBar有一个属性Items集合,向Items集合中填充标题内容。

 5c5dbf81db8f2d730d2c787fa01d48bb.png

 点击添加:

a4e0c4d553b003dd0505c62e42801440.png

 外观属性栏字段:

IconColor:标题栏未选中的时候,标题和对应图标颜色。

IconID:标题未选中时的图标。

SelectIconColor:标题栏选中的时候,标题和对应标题图标的颜色。

SelectIconID:标题选中时的图标。

ImageType:图标类型:FontIcon 表示字体图标。 Image 表示图片图标。

MessageText:消息提示。

添加4个标题栏:

4b4a1ee4502e16aa24e06dc710b0e4d0.png

在上一篇中登录成功后的地方加上显示主页的代码。

49fd105e99346f4506cc3a96f599074d.png

 ToolBarDemoForm main = new ToolBarDemoForm();
                    Show(main);

然后运行工程,有手机测试端扫码测试:

效果图:

2c33778614bc1018706d27dc5028b8d8.png                          e05206c5564cabde926a8e186c377b9b.png

带有MessageText的消息提示:

00b35d5056a31c2475d457a4d31fb023.png

标题栏已经做完了,下一篇介绍一下PageView组件的使用,讲完PageView讲完后就可以做一个简单的手机通过点击标题栏实现页面转换的效果了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值