.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView

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

一、目标样式

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

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

2.修改MenuView控件的属性

a.Groups属性

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

打开Items属性,并点击“添加”,Icon属性(在菜单项目上的图标),ID属性(用于标识菜单项,不在界面上显示),SubText属性(菜单项子文本,用于菜单项的描述),Text属性(菜单项文本),Value属性(内部值,不在界面上显示),Button属性(在ListMenuView的菜单项后面显示的按钮文本,同时可以点击这个Button来触发MenuvVIewItemButtonCLick事件),如图3

b.MenuItemHeight属性

设置菜单项高度,如图4

图1

图2

图3

图4

c.MenuGroupHeight属性

设置菜单组高度,如图5

d.ShowGroupTitle属性

获取或设置是否显示菜单组,将该属性设置为“True”,如图6

e.FontSize属性

设置菜单项的文本大小,默认设置为“6”,如图7

f.ForeColor属性

设置菜单项的文本颜色,将该属性设置为“75, 75, 84”,表示RGB颜色,如图8

图5

图6

图7

图8

g.GroupBackColor属性

设置菜单组的背景色,将该属性设置为“241, 242, 246”,表示RGB颜色,如图9

h.GroupFontSize属性

设置菜单组的文本大小,默认设置为“6”,如图10

i.GroupForeColor属性

设置菜单组的文本颜色,默认设置为“Black”,如图11

j.SubTextForeColor属性

设置菜单项的子文本颜色,将该属性设置为“190, 196, 208”,表示RGB颜色,如图12

图9

图10

图11

图12

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

二、手机效果显示

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏V站

CSS3实现鼠标移动图片上图片变大(缓慢变大,放大过程有动画过渡,过渡时间可自定义)

CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果...

35540
来自专栏河湾欢儿的专栏

伪元素

:first-letter 伪元素的样式将应用于元素文本的第一个字(母)。 :first-line 伪元素的样式将应用于元素文本的第一行。 :befor...

10030
来自专栏河湾欢儿的专栏

表格

表格标签: table 表格 thead 表格头 tbody 表格主体 tr 表格行 th 元素定义表头 td 元素定义表格单元

11710
来自专栏云端架构

【云端架构】前端jQuery鼠标事件精选

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的...

38560
来自专栏一“技”之长

标签之美五——网页表格的设计 原

1、<table></table>:表格的开始和结束标签,行列的布局都在<table>标签内。

10510
来自专栏林德熙的博客

win10 uwp 使用 LayoutTransformer

如果需要使用旋转,那么很容易把图片旋转的布局被裁剪。如果需要旋转的控件还在指定的 Grid 内,就需要使用布局的旋转。本文告诉大家如何使用 LayoutTran...

12220
来自专栏互联网杂技

关于css

常用的选择器:标签选择器,id选择器,class选择器,伪类选择器。 但是还有一个功能强大的选择器:属性选择器, 属性选择器,这样使用, 1、[属性名]{st...

36770
来自专栏柠檬先生

jquery mobile 移动web(2)

button 按钮   data-role="button" 将超链接变成button。   具有icon 图标的button 组件...

20750
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:快速在手机上实现n×m形式的菜单(IconMenuView)

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

19210
来自专栏河湾欢儿的专栏

手机浏览器的八个容易忽略的兼容问题

35830

扫码关注云+社区

领取腾讯云代金券