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

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

 

一、目标样式

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

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

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

图1	图2	图3	图4
图5	图6	图7	图8
图9

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

二、手机效果显示