VS2017移動開發（C#、VB.NET）Smobiler開發平臺——ImageTabBar控件

1、          樣式一

 

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

1. 從工具欄上的「Smobiler Components」拖動一個ImageTabBar控件到窗體界面上

 

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

設置控件的背景色爲「249, 249, 249」，如圖1；

圖 1設置界面

1. ForeColor屬性

設置控件字體的顏色，將該屬性設置爲「Black」，如圖 2；

 

圖 2設置界面

1. Items屬性

得到和設置標籤欄單元集合，打開集合編輯器，並點擊「添加」，分別填寫ImageResourceID（菜單項圖片名稱），SelectImageResourceID（菜單項選擇狀態圖片名稱），Text（菜單項文本），Value（內部值，不在界面上顯示），如圖 三、圖 4；

 

圖 3設置界面1

 

圖 4設置界面2

1. Location屬性

讓控件顯示在合適的位置（5, 16），如圖 9；

 

圖 5設置界面

1. SelectBackColor屬性

獲取和設置標籤欄單元選擇狀態背景色，將該屬性設置爲「249, 249, 249」，如圖 6；

 

圖 6設置界面

1. SelectForeColor屬性

獲取和設置標籤欄單元選擇狀態前景色，將該屬性設置爲「122, 69, 229」，如圖 7；

 

圖 7設置界面

1. SelectItemIndex屬性

獲取和設置標籤欄默認選擇索引，默認設置爲「0」，如圖 8；

 

圖 8設置界面

1. Size屬性

讓ImageTabBar控件大小爲（110, 20），如圖 9；

 

圖 9設置界面

2、          手機效果顯示