ToolBar控件在C#开发APP中的使用方式【附案例源码】
本帖最后由 mosten7 于 2019-1-16 17:34 编辑控件说明底部工具栏控件。效果演示https://img2018.cnblogs.com/blog/985686/201901/985686-20190116165100199-604402278.jpghttps://img2018.cnblogs.com/blog/985686/201901/985686-20190116165108203-529421821.jpg
其他效果https://img2018.cnblogs.com/blog/985686/201901/985686-20190116164428694-2135063787.png该界面为仿淘宝UI制作的一个简单的UI模板,源码获取方式请拉至文章末尾。
特色属性
属性属性说明
Direction(相对布局)容器主轴方向。
Flex(相对布局)比例因子。
Items工具栏项集合。
SelectBackColor选中后背景颜色。
SelectedIndex默认选择项。
SelectForeColor选中后字体颜色。
FontSize字体大小。
ForeColor字体颜色。
事件
事件事件发生条件
ToolBarItemClick工具栏项点击时发生。
控件使用下文的教学内容仅针对【效果演示】中的例子1. 设置工具栏数据https://img2018.cnblogs.com/blog/985686/201901/985686-20190116165209266-1627135844.jpghttps://img2018.cnblogs.com/blog/985686/201901/985686-20190116165216450-93751440.jpg
2. 设置工具栏ToolBarItem消息数https://img2018.cnblogs.com/blog/985686/201901/985686-20190116164545964-181890180.jpg3. 设置默认选中项、选中项背景色和文字颜色 https://img2018.cnblogs.com/blog/985686/201901/985686-20190116164605515-1040589328.png4. 在事件中,用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。源码地址:https://www.smobiler.com/forum.php?mod=viewthread&tid=11702Smobiler designer地址:https://www.smobiler.com/download.html该toolbar部分的代码在UI Demo中 MainMenu.cs产品原型图: https://img2018.cnblogs.com/blog/985686/201901/985686-20190116164829498-1532052159.png --------------------------END-------------------------- Smobiler是一款基于.NET的APP开发平台,只需要Visual Studio中进行一次开发,同时支持Android、iOS两大操作系统。 https://img2018.cnblogs.com/blog/985686/201901/985686-20190116164815144-147139945.jpgSmobiler—石磨科技QQ技术支持群:308522976
页:
[1]