ToolBar控件在C#开发APP中的使用方式【附案例源码】——Smobiler移动开发平台
控件说明
底部工具栏控件。
效果演示
其他效果
该界面为仿淘宝ui制作的一个简单的ui模板,源码获取方式请拉至文章末尾。
特色属性
属性 |
属性说明 |
direction(相对布局) |
容器主轴方向。 |
flex(相对布局) |
比例因子。 |
items |
工具栏项集合。 |
selectbackcolor |
选中后背景颜色。 |
selectedindex |
默认选择项。 |
selectforecolor |
选中后字体颜色。 |
fontsize |
字体大小。 |
forecolor |
字体颜色。 |
事件
事件 |
事件发生条件 |
toolbaritemclick |
工具栏项点击时发生。 |
控件使用
下文的教学内容仅针对【效果演示】中的例子
1. 设置工具栏数据
2. 设置工具栏toolbaritem消息数
3. 设置默认选中项、选中项背景色和文字颜色
4. 在事件中,用e.name判断当前点击按钮,来进行对应操作
c#:
private void toolbar1_toolbaritemclick(object sender, toolbarclickeventargs e) { switch(e.name) { case "work": //按钮名称 break; } }
仿淘宝ui的源码
该源码通过基于.net的smobiler移动开发平台开发完成,该源码适用smobiler用户。
如果你刚接触smobiler,在打开该源码前,需安装smobiler designer至visual studio。
源码地址:
smobiler designer地址:
该toolbar部分的代码在ui demo中 mainmenu.cs
产品原型图:
--------------------------end--------------------------
smobiler是一款基于.net的app开发平台,只需要visual studio中进行一次开发,同时支持android、ios两大操作系统。
smobiler—石磨科技
qq技术支持群:308522976
上一篇: Redmi官宣电视新品:75英寸也能廉价