欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发

程序员文章站 2022-07-05 20:40:27
...

一、          样式一

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发 

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

  1. 从工具栏上的“Smobiler Components”拖动一个AlbumView控件到窗体界面上

 VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发

  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;

 VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发

图 1设置界面

  1. DispalyMember属性

设置数据显示字段,将该属性设置为“MAT_DESC1”,如图 2;

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发 

图 2设置界面

  1. Location属性

让控件显示在合适的位置(0, 120),如图 3;

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发 

图 3设置界面

  1. Mode属性

获取或设置获取图像模式,默认设置为“File”, 表示直接从文件中读取图像,如图 4;

 VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发

图 4设置界面

若将该属性设置为“Customize”,表示可以从自定义的接口中获取图像的二进制数据。

  1. RowHeight属性

获取或设置控件的行高,默认设置为“30”,如图 5;

 VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发

图 5设置界面

  1. Size属性

让AlbumView控件大小为(120, 90),如图 6;

 VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发

图 6设置界面

二、          手机效果显示

VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式,.Net移动开发
            
    
    博客分类: .Net移动开发 C#开发APP.NET移动开发Visual Studio开发APPVS移动开发C#转APP开发