SliderView控制元件

一、          樣式一

 

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

1. 從工具欄上的“Smobiler Components”拖動一個SliderView控制元件到窗體介面上

 

1. 修改SliderView的屬性
   1. Items屬性

獲得和設定標籤檢視集合，開啟集合編輯器，並點選“新增”，分別填寫ResourceID屬性（選單項圖片名稱），Text（選單項文字），Value（內部值，不在介面上顯示），如圖1、圖 2；

 

圖 1設定介面1

 

圖 2設定介面2

1. Location屬性

讓控制元件顯示在合適的位置（0, 15），如圖 3；

 

圖 3設定介面

1. Mode屬性

獲取或設定獲取影象模式，預設設定為“File”， 表示直接從檔案中讀取影象，如圖 4；

 

圖 4設定介面

若將該屬性設定為“Customize”，表示可以從自定義的介面中獲取影象的二進位制資料。

1. Size屬性

讓SliderView控制元件大小為（120, 38），如圖 5；

 

圖 5設定介面

1. SizeMode屬性

設定如何顯示圖片，預設設定為“Zoom”，即極速顯示圖片，如圖 6；

 

圖 6設定介面

若SizeMode屬性設定為“StretchImage”時，圖片可以按圖片框的大小比例縮放顯示。

1. Visible屬性

設定控制元件是否顯示，將Visible屬性設定為“True”，如圖 7；

 

圖 7設定介面

若將Visible屬性設定為“False”，控制元件則無法顯示。

1. ZIndex屬性

獲取和設定表示在Z軸上的顯示順序的值，預設設定為“0”，說明該控制元件顯示在最底層，如圖 8；

 

圖 8設定介面

而該屬性的值越大，表示顯示在越上層。

二、          手機效果顯示

 

相關推薦