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

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

 

樣式一

1、          Toolbar

1.       目標樣式

咱們要實現上圖中的效果，須要以下的操做：

2.       修改屬性

a.         修改Mobile Form的Toolbar屬性

獲取窗體底部工具欄，打開集合編輯器，並點擊「添加」，分別填寫數據，如圖 一、圖 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.     手機效果顯示

 

2、          Title

1.       修改屬性

a.         修改Mobile Form的TitleText的屬性

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

圖 8設置界面

 

b.         修改Mobile Form的TitleStyle屬性

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

若將Image屬性設置爲「coms」如圖 二、圖 3；

圖 9設置界面

 

圖 10顯示界面

 

若將BackColor屬性設置爲「DeepSkyBlue」，如圖 十一、圖 1；

圖 11設置界面

 

圖 12顯示界面

 

若將TextColor屬性設置爲「Red」，如圖1三、圖 14；

圖 13設置界面

 

圖 14顯示界面

 

若將TextAlign屬性設置爲「Left」，如圖 1五、圖 16；

圖 15設置界面

 

圖 16顯示界面

 

2.       手機效果顯示

 

3、          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.       手機效果顯示