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

二、          手机效果显示

 

PhotoAlbum 功能列表: 1.无须数据库支持,直接处理服务器图片目录 2.为大图片生成缩略图,并存放到专门的目录,提高相册预览图片的效率 3.简化图片添加过程,直接上传图片到图片目录即可,相册自动获取、遍历新上传的图片,并生成缩略图 4.增加多页跳转功能 5.简单易用,直接插入控件到你的页面,并进行相关设置即可使用 PhotoAlbum 控件说明: 1.该控件在页面加载的时候,会搜索当前网站指定目录所有jpg格式的文件,在使用时需要指定原图片存放地址和生成的缩略图存放地址,需要添加到web.config文件中: try { smallfoldername = Server.MapPath(ConfigurationManager.AppSettings["SmallPath"]); bigfoldername = Server.MapPath(ConfigurationManager.AppSettings["NormalPath"]); } catch { smallfoldername = Server.MapPath("./Photo/SmallPics/"); bigfoldername = Server.MapPath("./Photo/NormalPics/"); } 如果获取用户配置路径失败,控件默认采用./Photo/SmallPics/ 和./Photo/NormalPics/ 两个目录 NormalPics为用户上传原图片的地址,SmallPics为控件生成并存放缩略图的地址。 2.控件在页面加载的时候,遍历原图地址,并逐个生成缩略图,存放到缩略图地址目录。第一次运行,会牺牲效率,当缩略图生成完毕后,运行速度大幅提高。 3.生成缩略图,采用ImageThumbnail类的MakeThumbnail方法实现,缩略图的大小和生成方式,可以自行设置。可以分别按高、宽生成,不过图片可能会产生变形,也可以用CUT裁剪方式。 4.相册处理图片文件,并把图片文件展现给前端浏览器。相册可视化部分,采用DataList控件实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值