.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

一、目标样式

.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单

我们要实现上图中的效果,需要如下的操作:

1.从工具栏上的”Smobiler Components”拖动一个IconMenuView控件到窗体界面上

.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单

2.修改MenuView控件的属性

a.Groups属性

打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2

打开Items属性,并点击“添加”,Icon属性(在菜单项目上的图标),ID属性(用于标识菜单项,不在界面上显示),Text属性(菜单项文本),Value属性(内部值,不在界面上显示),如图3

b.IconColumnCount属性

显示为一行四个图标,如图4

c.MenuItemHeight属性

增加高度,如图5

d.FontSize属性

设置控件字体大小为“7”,如图6

e.ForeColor属性

设置控件字体颜色为“134, 142, 155”,表示RGB颜色,如图7

f.GridLines属性

设置是否在菜单单元格周围显示网格线,将该属性设置为“True”,如图8

g.GridLinesColor属性

获取和设置菜单单元格网格线颜色,将该属性设置为“244, 244, 244”,表示RGB颜色,如图9

.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单 .Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单 .Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单 .Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单
图1 图2 图3 图4
.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单 .Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单 .Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单 .Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单
图5 图6 图7 图8
.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单
图9

3.Smobiler窗体设计界面显示效果

.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单

二、手机效果显示

.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单

上一篇:shell脚本报错:"[: =: unary operator expected"


下一篇:Arcgis Engine(ae)接口详解(2):featureClass查询