C# WinForm实现图片浏览器

c#winform程序设计之图片浏览器，这次我们一起做一个图片查看器，这个图片查看器的原始图如下：

我们首先来介绍一下这个原始图的构成：

左边上面是一个 textbox 和 一个 button，分别用来显示当前路径以及返回上一个路径。左边下面是一个浏览文件的文件路径树状图(treeview)，用来显示当前路径下的文件和文件夹。右边是一个picturebox，用来展示选中的图片。

接下来我们一步一步实现这个图片查看器！

首先大家应该看到了左边的treeview上面已经有显示当前pc的所有路径信息，那么是怎么做到的呢？
方法很简单，就是先监听窗口的 load 事件，代码如下：

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 事件：

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 按钮的回退功能了！

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;  //设置他的父节点为当前选中结点
        }
      }
    }

这样这个小项目就算完成了，是不是很轻松？