今天繼續Smobiler開發APP的學習日誌，這次是做一個title、toolbar、側邊欄三種效果 樣式一 一、 Toolbar 1. 目標樣式 我們要實現上圖中的效果，需要如下的操作： 2. 修改屬性 a. 修改Mobile Form的Toolbar屬性 獲取窗體底部工具欄，打開集合編輯器，並點 ...
今天繼續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. 手機效果顯示
