c#winform程序设计之图片浏览器,这次我们一起做一个图片查看器,这个图片查看器的原始图如下:
我们首先来介绍一下这个原始图的构成:
左边上面是一个 textbox 和 一个 button,分别用来显示当前路径以及返回上一个路径。左边下面是一个浏览文件的文件路径树状图(treeview),用来显示当前路径下的文件和文件夹。右边是一个picturebox,用来展示选中的图片。
接下来我们一步一步实现这个图片查看器!
首先大家应该看到了左边的treeview上面已经有显示当前pc的所有路径信息,那么是怎么做到的呢?
方法很简单,就是先监听窗口的 load 事件,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
private void form1_load( object sender, eventargs e) { createdrivers(); //调用下面的函数 } private void createdrivers() { directoryinfo di; treenode tn; string s; foreach ( string ss in environment.getlogicaldrives()) { /** * ss的值形式如下: * c:\ * d:\ * e:\ * f:\ * i:\ */ di = new directoryinfo(ss); //生成路径 if (di.exists) //如果当前路径存在 { s = ss.substring(0, ss.indexof( "\\" )); //去掉路径的 \ 得到如:c: tn = new treenode(ss); //设置结点的值 tn.tag = "root" ; treeview1.nodes.add(tn); //把结点加入到treeview中 } } } |
接下来我们设置每个 node 的点击事件,也就是监听 afterselect 事件:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
private void treeview1_afterselect( object sender, treevieweventargs e) { treenode tn = e.node; //得到发生选择事件的结点 path = tn.fullpath; //得到完整的路径 path是一个定义的全局变量 textbox1.text = path; //在左上角的文本框显示完整的路径 if (tn.tag.tostring() == "file" ) //如果当前结点是文件 { string ext = path.substring(path.lastindexof( "." ) + 1); //得到文件的后缀 ext = ext.tolower(); if (ext == "ico" || ext == "gif" || ext == "jpg" || ext == "png" || ext == "bmp" ) //如果是图片,设置到右边的picturebox picturebox1.image = image.fromfile(path); else //否则使用系统默认的工具打开该文件 system.diagnostics.process.start(path); } else //反之当前结点是文件夹 { getsubcontents(tn); //得到当前结点的全部内容 } } private void getsubcontents(treenode parent) { directoryinfo di; treenode tn; di = new directoryinfo(parent.fullpath + "\\" ); //得到路径 if (!di.exists) return ; //路径不存在,直接返回 foreach (directoryinfo d in di.getdirectories()) //该路径下面的所有 文件夹 { tn = new treenode(d.name); tn.tag = "directory" ; parent.nodes.add(tn); //将该节点添加到父节点 } foreach (fileinfo f in di.getfiles()) { tn = new treenode(f.name); //该路径下的所有 文件 tn.tag = "file" ; parent.nodes.add(tn); } treenode = parent; // 全局变量 记录当前结点 } |
接下来我们运行一下看看效果(picturebox的大小模式设置成zoom)
你们有没有成功呢?
接下来就是实现那个 back 按钮的回退功能了!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
private void button1_click( object sender, eventargs e) { directoryinfo di = new directoryinfo(path + "\\" ); int p = path.lastindexof( "\\" ); if (p >= 0) { path = path.substring(0, p); textbox1.text = path; if (treenode != null ) { //全局变量 当前选中的结点 treenode.nodes.clear(); //移除当前结点下的所有子节点 treeview1.selectednode = treenode.parent; //设置他的父节点为当前选中结点 } } } |
这样这个小项目就算完成了,是不是很轻松?
原文链接:http://blog.csdn.net/zjq_1314520/article/details/54092084