VisualStudio移动开发（C#、VB.NET）Smobi

一、          样式一

我们要实现上图中的效果，需要如下的操作：

从工具栏上的“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设置界面

二、          手机效果显示

---

如果想要快速实现上面所介绍的功能，则需要安装一个开发平台，然后就可以在Visual Studio中开发APP了。开发平台的安装包大小如下图：

开发平台名为Smobiler，是国内一家名为石磨科技的公司独立研发的，其官网可下载。