VisualStudio移動開發（C#、VB.NET）Smobiler開發平臺——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設置界面

二、          手機效果顯示