前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView

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

作者头像
Amanda.li
发布2018-08-30 11:40:50
5870
发布2018-08-30 11:40:50
举报
文章被收录于专栏:.Net移动开发.Net移动开发

最前面的话: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窗体设计界面显示效果

二、手机效果显示

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-10-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便
  • 一、目标样式
    • 1.从工具栏上的”Smobiler Components”拖动一个ListMenuView控件到窗体界面上
      • 2.修改MenuView控件的属性
        • a.Groups属性
        • b.MenuItemHeight属性
        • c.MenuGroupHeight属性
        • d.ShowGroupTitle属性
        • e.FontSize属性
        • f.ForeColor属性
        • g.GroupBackColor属性
        • h.GroupFontSize属性
        • i.GroupForeColor属性
        • j.SubTextForeColor属性
      • 3.Smobiler窗体设计界面显示效果
      • 二、手机效果显示
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档