.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窗體設計界面顯示效果

二、手機效果顯示