AlbumView控件

一、 樣式一

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

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

1. 修改AlbumView的屬性
   1. load事件代碼

C#:

private void TestAlbumView_Load(object sender, EventArgs e)

{

DataTable matTable = new DataTable();

matTable.Columns.Add("MAT_DESC1", typeof(string));

matTable.Rows.Add();

matTable.Rows[0]["MAT_DESC1"] = "q1";

matTable.Rows.Add();

matTable.Rows[1]["MAT_DESC1"] = "q2";

matTable.Rows.Add();

matTable.Rows[2]["MAT_DESC1"] = "q3";

matTable.Rows.Add();

matTable.Rows[3]["MAT_DESC1"] = "q4";

matTable.Rows.Add();

matTable.Rows[4]["MAT_DESC1"] = "q5";

matTable.Rows.Add();

matTable.Rows[5]["MAT_DESC1"] = "q6";

matTable.Rows.Add();

matTable.Rows[6]["MAT_DESC1"] = "q7";

matTable.Rows.Add();

matTable.Rows[7]["MAT_DESC1"] = "q8";

matTable.Rows.Add();

matTable.Rows[8]["MAT_DESC1"] = "q9";

matTable.Rows.Add();

matTable.Rows[9]["MAT_DESC1"] = "q10";

//將數據綁定到AlbumView中

this.albumView1.DataSource = matTable;

this.albumView1.DataBind();

}

1. ColumnCount屬性

獲取或設置AlbumView的列數，默認設置為“4”，如圖1；

圖 1設置界面

1. DispalyMember屬性

設置數據顯示字段，將該屬性設置為“MAT_DESC1”，如圖 2；

圖 2設置界面

1. Location屬性

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

圖 3設置界面

1. Mode屬性

獲取或設置獲取圖像模式，默認設置為“File”， 表示直接從文件中讀取圖像，如圖 4；

圖 4設置界面

若將該屬性設置為“Customize”，表示可以從自定義的接口中獲取圖像的二進制數據。

1. RowHeight屬性

獲取或設置控件的行高，默認設置為“30”，如圖 5；

圖 5設置界面

1. Size屬性

讓AlbumView控件大小為（120, 90），如圖 6；

圖 6設置界面

二、 手機效果顯示

VisualStudio移動開發（C#、VB.NET）Smobiler開發平臺——AlbumView相冊控件的使用方式