标签:
最近有同学问我怎么用ListView加载图像列表,在...前面"C#系统中的应用"于TreeView+ListView+ContextMenuStrip控件实现树状图显示磁盘文件夹,并在ListView中显示文件的具体信息.这里准备简介下给同学讲述的怎样使用ListView+ImageList控件实现简单的图片浏览器知识.
第一步 设计界面框架例如以下图所看到的,同一时候加入ImageList控件(不可见)
注意:设置ListView控件的Anchor属性为Top,Bottom,Right;设置PictureBox的Anchor属性为上下左右.
第二步 使用OpenFileDialog控件打开显示图片
//打开图片 private void button1_Click(object sender, EventArgs e) { //设置打开文件控件 OpenFileDialog openfile = new OpenFileDialog(); openfile.Filter = "JPG(*.JPG;*.JPEG);gif文件(*.GIF);BMP文件(*.BMP);PNG文件(*.PNG)|*.jpg;*.jpeg;*.gif;*.bmp;*.png"; openfile.FilterIndex = 1; //当前选定索引 openfile.RestoreDirectory = true; openfile.FileName = ""; //对话框选择确定按钮 if (openfile.ShowDialog() == DialogResult.OK) { //FromFile从指定的文件创建Image pictureBox1.Image = Image.FromFile(openfile.FileName); //图片被拉伸或收缩适合pictureBox大小 pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; } }
图片显示效果例如以下图所看到的,须要注意的是在使用FromFile显示图片,可能图片全屏显示时会出现仅仅出现部分图片现象,我设置图片为可拉伸或收缩StretchImage模式.
第三步 显示图片列表至ListView控件中
主要通过控件FolderBrowserDialog控件打开目录,同一时候获取目录的路径;在通过GetFiles("*.jpg")函数获取jpg格式图片,并获取目录中文件添加至ImageList中,设置ListView的View属性格式为LargeIcon大图标格式显示.
//加入命名空间 using System.IO; //Directory文件夹 using System.Diagnostics; //Stopwatch显示时间 //定义变量 private string folderDirPath; //图片文件夹地址 private string picDirPath = null; //图片路径 private List<string> imagePathList = new List<string>(); //获取列表图片路径 private int index; //获取选中列表图片序号 //ListView和imageList显示图片列表 private void button2_Click(object sender, EventArgs e) { try { //打开选择文件夹对话框 FolderBrowserDialog folderBrowserDialog = new FolderBrowserDialog(); DialogResult result = folderBrowserDialog.ShowDialog(); if (result == DialogResult.OK) { //获取用户选择的文件夹路径 this.folderDirPath = folderBrowserDialog.SelectedPath; //调用自己定义函数显示图片列表至ListView控件 ShowPicture(); } else if (result == DialogResult.Cancel) { MessageBox.Show("取消显示图片列表"); } } catch (Exception msg) { //报错提示 未将对象引用设置到对象的实例 throw msg; } } //显示图片列表至ListView控件 private void ShowPicture() { //提供一种方法測试执行时间 開始计算 //參考资料:http://www.cnblogs.com/newstart/archive/2012/09/21/2696884.html Stopwatch sw = new Stopwatch(); sw.Start(); //获取文件夹与子文件夹 DirectoryInfo dir = new DirectoryInfo(folderDirPath); //获取当前文件夹JPG文件列表 GetFiles获取指定文件夹中文件的名称(包含其路径) FileInfo[] fileInfo = dir.GetFiles("*.jpg"); //防止图片失真 //參考资料:http://blog.csdn.net/cdefg198/article/details/7821891 (博客中引用) this.imageList1.ColorDepth = ColorDepth.Depth32Bit; for (int i = 0; i < fileInfo.Length; i++) { //获取文件完整文件夹 picDirPath = fileInfo[i].FullName; //记录图片源路径 双击显示图片时使用 imagePathList.Add(picDirPath); //图片载入到ImageList控件和imageList图片列表 this.imageList1.Images.Add(Image.FromFile(picDirPath)); } //显示文件列表 this.listView1.Items.Clear(); this.listView1.LargeImageList = this.imageList1; this.listView1.View = View.LargeIcon; //大图标显示 //imageList1.ImageSize = new Size(40, 40); //不能设置ImageList的图像大小 属性处更改 //開始绑定 this.listView1.BeginUpdate(); //添加图片至ListView控件中 for (int i = 0; i < imageList1.Images.Count; i++) { ListViewItem lvi = new ListViewItem(); lvi.ImageIndex = i; lvi.Text = "pic" + i; this.listView1.Items.Add(lvi); } this.listView1.EndUpdate(); //显示打开图片列表所需时间 sw.Stop(); long secords = sw.ElapsedMilliseconds; //毫秒单位 label1.Text += '\n' + (Convert.ToDouble(secords) / 1000).ToString(); //转换为秒 }
显示结果例如以下图所看到的:
须要注意的是:
1.使用ListView载入信息的几个步骤:获取文件夹路径 -> DirectoryInfo获取文件夹 -> GetFiles获取文件 -> Add图片至ImageList -> Add图片至ListView.
2.在设置ListView中图片的大小时,使用imageList1.ImageSize = new Size(40, 40)赋值失败,我是通过改动ImageList1的ImageSize属性为(64,64)实现的.
3.显示ListView中图片,一般会出现失真的情况,主要原因參考博客:ListView显示图片失真.
主要概括为ImageList里面图片颜色失真和图片大小失真,当中图片颜色失真原因是Design-Time在VS.NET中加入图片时没有使用用户指定的ColorDepth(如Depth32Bit),而用了ImageList.ColorDepth的默认值(Depth8Bit).因此须要先设置图片颜色深度,在再往ImageList中加入图片,而图片大小统一的都等于ImageList.ImageSize.
第四步 通过listView1_DoubleClick函数双击打开图片
在Form1.cs[设计]中ListView属性页为其加入DoubleClick双击事件,并通过Image.FromFile显示图片.
//添加双击ListView事件 显示图片至PictureBox private void listView1_DoubleClick(object sender, EventArgs e) { if (this.listView1.SelectedItems.Count == 0) return; //採用索引方式 imagePathList记录图片真实路径 index = this.listView1.SelectedItems[0].Index; //显示图片 this.pictureBox1.Image = Image.FromFile(imagePathList[index]); //图片被拉伸或收缩适合pictureBox大小 pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; }
双击列表中不同图片的显示效果例如以下图所看到的:
当中须要注意的是,我在列表中显示图片重命名为"pic+数字",同一时候定义变量记录目录中图片真实路径与其一一相应.private List<string> imagePathList = new List<string>().这里使用index显示相应图片就可以,相同显示上一张\下一张相同.
第五步 显示上一张\下一张
//显示上一张图片 private void button3_Click(object sender, EventArgs e) { if (pictureBox1.Image != null) { if (index > 0) { index--; //显示图片 this.pictureBox1.Image = Image.FromFile(imagePathList[index]); pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; } else if (index == 0) { index = imagePathList.Count; index--; //显示图片 this.pictureBox1.Image = Image.FromFile(imagePathList[index]); pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; } } } //显示下一张图片 private void button4_Click(object sender, EventArgs e) { if (pictureBox1.Image != null) { if (index == imagePathList.Count - 1) //最后一张图片 { index = 0; //显示图片 this.pictureBox1.Image = Image.FromFile(imagePathList[index]); pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; } else { index++; //显示图片 this.pictureBox1.Image = Image.FromFile(imagePathList[index]); pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage; } } }
文章写到此处基本内容完毕,内容比較简单,但也构成了一个完整的图片浏览器.同一时候非常多时候我们须要上传缩略图,能够调用以下函数(在线笔记):
//加入命名空间 using System.Drawing.Drawing2D; //CompositingQuality.HighQuality using System.Drawing.Imaging; //EncoderParameter /// <SUMMARY> /// 图片无损缩放 自己定义函数生成缩略图 /// </SUMMARY> /// <PARAM name="sourceFile">图片源路径</PARAM> /// <PARAM name="destFile">缩放后图片输出路径</PARAM> /// <PARAM name="destHeight">缩放后图片高度</PARAM> /// <PARAM name="destWidth">缩放后图片宽度</PARAM> /// <RETURNS></RETURNS> public static bool GetThumbnail(string sourceFile, string destFile, int destHeight, int destWidth) { System.Drawing.Image imgSource = System.Drawing.Image.FromFile(sourceFile); System.Drawing.Imaging.ImageFormat thisFormat = imgSource.RawFormat; int sW = 0, sH = 0; // 按比例缩放 int sWidth = imgSource.Width; int sHeight = imgSource.Height; if (sHeight > destHeight || sWidth > destWidth) { if ((sWidth * destHeight) > (sHeight * destWidth)) { sW = destWidth; sH = (destWidth * sHeight) / sWidth; } else { sH = destHeight; sW = (sWidth * destHeight) / sHeight; } } else { sW = sWidth; sH = sHeight; } //新建一个bmp图片 Bitmap outBmp = new Bitmap(destWidth, destHeight); //新建一个画板 Graphics g = Graphics.FromImage(outBmp); //清空画布并以透明背景色填充 Color.Black黑色填充 g.Clear(System.Drawing.Color.Transparent); //设置画布的描绘质量 g.CompositingQuality = CompositingQuality.HighQuality; //设置高质量,低速度呈现平滑程度 g.SmoothingMode = SmoothingMode.HighQuality; //设置高质量插值法 g.InterpolationMode = InterpolationMode.HighQualityBicubic; //在指定位置而且按指定大小绘制原图片的指定部分 g.DrawImage(imgSource, new Rectangle((destWidth - sW) / 2, (destHeight - sH) / 2, sW, sH), 0, 0, imgSource.Width, imgSource.Height, GraphicsUnit.Pixel); g.Dispose(); //下面代码为保存图片时 设置压缩质量 EncoderParameters encoderParams = new EncoderParameters(); long[] quality = new long[1]; quality[0] = 100; EncoderParameter encoderParam = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, quality); encoderParams.Param[0] = encoderParam; try { //获得包括有关内置图像编码解码器的信息的ImageCodecInfo对象 ImageCodecInfo[] arrayICI = ImageCodecInfo.GetImageEncoders(); ImageCodecInfo jpegICI = null; for (int x = 0; x < arrayICI.Length; x++) { if (arrayICI[x].FormatDescription.Equals("JPEG")) { jpegICI = arrayICI[x]; //设置JPEG编码 break; } } //保存为JPG格式图片 if (jpegICI != null) { outBmp.Save(destFile, jpegICI, encoderParams); } else { outBmp.Save(destFile, thisFormat); } return true; } catch(Exception e) { throw e; } finally { imgSource.Dispose(); outBmp.Dispose(); } }
总结:本文主要是依据给同学解说ListView控件显示图片写的一篇文章,同一时候存在一个缺点图片可能被扯拉变形,并且代码中打开ListView图片时有个"打开时间",主要是通过Stopwatch记录批量打开图片所需时间,假设打开大量图片时我希望使用并行的方法实现,与其进行时间对照.同一时候假设对图片处理感兴趣的同学(C++通过Bitmap打开变换)自己能够去研究.我希望的显示效果想Google Picasa一样高速批量显示(研究ing).
下载地址:http://download.csdn.net/detail/eastmount/8021077
最后希望文章对大家有所帮助,假设有错误或不足之处,请海涵~
(By:Eastmount 2014-10-10 中午13点 原创CSDN http://blog.csdn.net/eastmount/)
版权声明:本文博主原创文章。博客,未经同意不得转载。
标签:
原文地址:http://www.cnblogs.com/hrhguanli/p/4776614.html