上次我爬了n多图片,但是浏览的时候有一个问题。
图片浏览器的浏览一般都是按名称排的,而我对图片的命名是按照数字递增的。比如3总是会排在10后面,也就无法快速地浏览图片了。
所以,出于方便自己查阅图片,也出于学习,决定做一个自己的图片浏览器。
目标:浏览目录,通过滚轮不断显示同一个文件夹下的图片,并自定义排序。
步骤0:要实现图形界面,我使用wxPython。
至于如何安装和简单地使用wxpython,可以到网上检索,一大堆资料。
以下步骤默认你已经知道如何生成一个自己的frame。
但是wxPython的文档却比较难找到,其中这两个比较好:wxPython里的类、wxPython里的事件。
步骤1:浏览目录。
这个功能就是类似于打开“我的电脑”,然后不断地进入文件夹和返回。
通过几种尝试,我决定使用listbox。listbox的使用可以通过这篇文章了解。
我初始化一个app。用一个frame实现目录的功能,其上只有一个listbox;用另一个frame实现图片展示的功能,两个frame通过app进行信息的传递。
1 for _dir in os.listdir(dir): 2 #do something
其中像os.path.split()、os.path.splitext()、os.path.isdir()等,都是很常用的一些方法。
显示目录就是一个不断地获取你选择的目录,进入目录,读取其下目录,清空listbox,显示目录,更改工作路径的过程。
显示目录的时候,自定义排序功能就来了。通过对图片名称进行处理,转为数字,排序,然后再重新组装回去,从而达到按数字递增的效果。
self.list.Bind(wx.EVT_LISTBOX_DCLICK, self.OnDClick)
同时通过以上方法为listbox绑定了双击事件。若是双击目录则进入目录,否则显示通过app展示图片。
同时这个frame需要具备两个方法,就是获取上一张或下一张图片,为了后续app的调用。
步骤2:显示图片
这个图片展示一开始感觉挺麻烦的,但是弄懂了之后就很简单了。
我用一个frame展示图片。
frame上面空白,有一个wx.StaticBitmap,之后显示图片的时候只需要往这个staticbitmap写bitmap就可以了。一开始我是不断地新建staticbitmap,导致了一些可以看到但是那时候不知道为什么的原因。
然后在这个frame上检测鼠标滚轮事件,通过向上或向下滚轮调用app的GetNextImage和GetPreImage方法并将获得的图片显示出来。
还有图片的大小,我先规定了一个最大值和最小值,将图片约束在一定的范围内。
1 bmp = image.Scale(size[0], size[1]).ConvertToBitmap() 2 self.bmp.SetSize(size)#bmp是staticbitmap 3 self.bmp.SetBitmap(bmp)
但是一个小窗口看图片很不爽,于是将图片窗口全屏化。
self.ShowFullScreen(True, style=wx.FULLSCREEN_ALL)
全屏化就要考虑怎么退出了。我通过按键发送消息,命令窗口关闭或显示。若显示则关闭(其实只是隐藏),若隐藏则显示。注意这个事件要绑定到app上面。
self.Bind(wx.EVT_KEY_DOWN, self.OnKeyDown)
然后图片需要能够放大和缩小。于是我再次通过按键触发。放大或缩小只需要通过改变staticbitmap的最大值并让bmp适应那个size就可以了。
由于全屏了,那么需要能够移动图片。移动的时候也只需要移动staticbitmap就行了。
1 #注意这里要将事件绑定到staticbitmap上面 2 self.bmp.Bind(wx.EVT_LEFT_DOWN, self.OnLeftDown) 3 self.bmp.Bind(wx.EVT_LEFT_UP, self.OnLeftUp) 4 self.bmp.Bind(wx.EVT_MOTION, self.OnMotion)
至此,大概要点都讲完了,下面是全部代码。仔细查阅会发现一些新的用法,
不过这个图片浏览器估计只是够我用,不过其实用起来已经挺爽的了, 全屏的图片展示,还可以随便移动图片,快捷键很方便地退出全屏。
里面还有一些不完善的地方需要改进,希望能跟大家多多交流~
感谢这期间被我大量参考资料的作者们。
作者:穿草鞋的
出处:http://www.cnblogs.com/chenkun24/
欢迎转载,转载请注明出处。