zoukankan      html  css  js  c++  java
  • VisualStudio移动开发(C#、VB.NET)Smobiler开发平台——AlbumView相册控件的使用方式

    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设置界面

    二、          手机效果显示

     

  • 相关阅读:
    css资料汇总
    typescript 点滴
    vue-cli3点滴
    item2的使用方法推介
    rfc文档
    websocket
    g2
    常用的正则积累
    Vue-20190623点滴
    写一个webpackLoader
  • 原文地址:https://www.cnblogs.com/amanda112/p/9066347.html
Copyright © 2011-2022 走看看