一、 样式一
我们要实现上图中的效果,需要如下的操作:
- 从工具栏上的“Smobiler Components”拖动一个AlbumView控件到窗体界面上
- 修改AlbumView的属性
- 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();
}
- ColumnCount属性
获取或设置AlbumView的列数,默认设置为“4”,如图1;
图 1设置界面
- DispalyMember属性
设置数据显示字段,将该属性设置为“MAT_DESC1”,如图 2;
图 2设置界面
- Location属性
让控件显示在合适的位置(0, 120),如图 3;
图 3设置界面
- Mode属性
获取或设置获取图像模式,默认设置为“File”, 表示直接从文件中读取图像,如图 4;
图 4设置界面
若将该属性设置为“Customize”,表示可以从自定义的接口中获取图像的二进制数据。
- RowHeight属性
获取或设置控件的行高,默认设置为“30”,如图 5;
图 5设置界面
- Size属性
让AlbumView控件大小为(120, 90),如图 6;
图 6设置界面
二、 手机效果显示