.Net語言 APP開發平台——Smobiler學習日志：實現手機上常見的ListMenuView，.net

.Net語言 APP開發平台——Smobiler學習日志：實現手機上常見的ListMenuView，.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

c.MenuGroupHeight屬性

設置菜單組高度，如圖5

d.ShowGroupTitle屬性

獲取或設置是否顯示菜單組，將該屬性設置為“True”，如圖6

e.FontSize屬性

設置菜單項的文本大小，默認設置為“6”，如圖7

f.ForeColor屬性

設置菜單項的文本顏色，將該屬性設置為“75, 75, 84”，表示RGB顏色，如圖8

g.GroupBackColor屬性

設置菜單組的背景色，將該屬性設置為“241, 242, 246”，表示RGB顏色，如圖9

h.GroupFontSize屬性

設置菜單組的文本大小，默認設置為“6”，如圖10

i.GroupForeColor屬性

設置菜單組的文本顏色，默認設置為“Black”，如圖11

j.SubTextForeColor屬性

設置菜單項的子文本顏色，將該屬性設置為“190, 196, 208”，表示RGB顏色，如圖12

3.Smobiler窗體設計界面顯示效果

二、手機效果顯示