MobileForm控制項的使用方式-用.NET（C#）開發APP的學習日誌

今天繼續Smobiler開發APP的學習日誌，這次是做一個title、toolbar、側邊欄三種效果

樣式一

一、          Toolbar

1.       目標樣式

我們要實現上圖中的效果，需要如下的操作：

2.       修改屬性

a.         修改Mobile Form的Toolbar屬性

獲取窗體底部工具欄，打開集合編輯器，並點擊“添加”，分別填寫數據，如圖 1、圖 2；

圖 1設置界面1

圖 2設置界面2

b.         修改Mobile Form的ToolbarStyle屬性

其中包括SelectStyle屬性（是否選擇預設樣式）、BackColor屬性（控制項背景色）、ForeColor屬性（控制項文本顏色）、SelectBackColor屬性（控制項選擇狀態背景色）和SelectForeColor屬性（控制項選擇狀態文本顏色）。

SelectStyle屬性預設設置為“Select”，表示不選擇預設樣式，如圖 3；

圖 3設置界面

將BackColor屬性設置為“White”，如圖 4；

圖 4設置界面

將ForeColor屬性設置為“155, 157, 177”，如圖 5；

圖 5設置界面

將SelectBackColor屬性設置為“White”，如圖 6；

圖 6設置界面

將SelectForeColor屬性設置為“0, 183, 250”，如圖 7；

圖 7設置界面

3.     手機效果顯示

二、          Title

1.       修改屬性

a.         修改Mobile Form的TitleText的屬性

輸入需要顯示標題，如圖 1；

圖 8設置界面

b.         修改Mobile Form的TitleStyle屬性

其中包括Image屬性（窗體圖標）、BackColor屬性（視窗標題欄背景色）、TextColor屬性（視窗標題欄文本顏色）和TextAlign屬性（窗體標題欄文本水平方向）。

若將Image屬性設置為“coms”如圖 2、圖 3；

圖 9設置界面

圖 10顯示界面

若將BackColor屬性設置為“DeepSkyBlue”，如圖 11、圖 1；

圖 11設置界面

圖 12顯示界面

若將TextColor屬性設置為“Red”，如圖13、圖 14；

圖 13設置界面

圖 14顯示界面

若將TextAlign屬性設置為“Left”，如圖 15、圖 16；

圖 15設置界面

圖 16顯示界面

2.       手機效果顯示

三、          LeftForm

1.       目標樣式

我們要實現上圖中的效果，需要如下的操作：

2.       修改屬性

a.         修改Mobile Form的LeftFormLayout屬性

獲取和設置左側邊欄對應的佈局名稱，首先新建MobileForm項，並命名為MessageShow，設計界面，如圖 1；

圖 1設計界面

再將Mobile Form的LeftFormLayout屬性，綁定新建的窗體MessageShow，如圖 2；

圖 2設置界面2

b.         修改Mobile Form的LayoutMode屬性

獲取和設置側邊欄顯示樣式。預設設置為“NORMAL”，如圖 3；

圖 3設置界面

將該屬性設置為“EFFACT3D”，如圖 4；

圖 4設置界面

將該屬性設置為“FLOATUP”，如圖 5；

圖 5設置界面

3.       手機效果顯示