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

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

 

一、目标样式

smobiler

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

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

smobiler

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

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

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

smobiler

二、手机效果显示

smobiler

posted @ 2016-08-19 15:07  阿曼达  阅读(698)  评论(2编辑  收藏  举报