程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> C# >> C#入門知識 >> .Net語言 APP開發平台——Smobiler學習日志:用MenuView控件仿釘釘APP的首頁菜單,smobilermenuview

.Net語言 APP開發平台——Smobiler學習日志:用MenuView控件仿釘釘APP的首頁菜單,smobilermenuview

編輯:C#入門知識

.Net語言 APP開發平台——Smobiler學習日志:用MenuView控件仿釘釘APP的首頁菜單,smobilermenuview


最前面的話: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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved