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