.NET(C#、VB)移動開發——Smobiler平臺控件介紹:TextTabBar控件

TextTabBar控件

  • 樣式一

 

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

  1. 從工具欄上的“Smobiler Components”拖動一個TextTabBar控件到窗體界面上

  1. 修改TextTabBar的屬性
  1. BackColor屬性

設置控件的背景色爲“18, 183, 245”,如圖1;

圖 1設置界面

  1. Border屬性

設置控件邊框,將該屬性設置爲“1,1,1,1”,如圖 2;

圖 2設置界面

  1. BorderColor屬性

設置控件邊框顏色,將該屬性設置爲“White”,如圖 3;

圖 3設置界面

  1. BorderRadius屬性

設置控件邊框的角度,將該屬性設置爲“5”,如圖 4;

圖 4設置界面

  1. BorderSize屬性

設置控件邊框大小,默認設置爲“0.1”,如圖 5;

圖 5設置界面

  1. ForeColor屬性

設置控件字體的顏色,默認設置爲“White”,如圖 6;

圖 6設置界面

  1. Items屬性

獲得和設置標籤欄單元集合,打開集合編輯器,並點擊“添加”,分別填寫Text(菜單項文本),Value(內部值,不在界面上顯示),如圖 7、圖 8;

圖 7設置界面1

圖 8設置界面2

  1. Location屬性

讓控件顯示在合適的位置(41, 5),如圖 9;

圖 9設置界面

  1. SelectBackColor屬性

獲取和設置標籤欄單元選擇狀態背景色,默認設置爲“White”,如圖 10;

圖 10設置界面

  1. SelectForeColor屬性

獲取和設置標籤欄單元選擇狀態前景色,將該屬性設置爲“18, 183, 245”,如圖 11;

圖 11設置界面

  1. SelectItemIndex屬性

獲取和設置標籤欄默認選擇索引,默認設置爲“0”,如圖 12;

圖 12設置界面

  1. Size屬性

讓TextTabBar控件大小爲(37, 10),如圖 13;

圖 13設置界面

  • 手機效果顯示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章