使用wxpython实现的一个简单图片浏览器实例
上次我爬了n多图片，但是浏览的时候有一个问题。
图片浏览器的浏览一般都是按名称排的，而我对图片的命名是按照数字递增的。比如3总是会排在10后面，也就无法快速地浏览图片了。
所以，出于方便自己查阅图片，也出于学习，决定做一个自己的图片浏览器。
目标：浏览目录，通过滚轮不断显示同一个文件夹下的图片，并自定义排序。
步骤0：要实现图形界面，我使用wxpython。
至于如何安装和简单地使用wxpython，可以到网上检索，一大堆资料。
以下步骤默认你已经知道如何生成一个自己的frame。
步骤1：浏览目录。
这个功能就是类似于打开“我的电脑”，然后不断地进入文件夹和返回。
通过几种尝试，我决定使用listbox。
我初始化一个app。用一个frame实现目录的功能，其上只有一个listbox；用另一个frame实现图片展示的功能，两个frame通过app进行信息的传递。
for _dir in os.listdir(dir):
#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方法并将获得的图片显示出来。
还有图片的大小，我先规定了一个最大值和最小值，将图片约束在一定的范围内。
bmp = image.scale(size[0], size[1]).converttobitmap()
self.bmp.setsize(size)#bmp是staticbitmap
self.bmp.setbitmap(bmp)
但是一个小窗口看图片很不爽，于是将图片窗口全屏化。
self.showfullscreen(true, style=wx.fullscreen_all)
全屏化就要考虑怎么退出了。我通过按键发送消息，命令窗口关闭或显示。若显示则关闭（其实只是隐藏），若隐藏则显示。注意这个事件要绑定到app上面。
self.bind(wx.evt_key_down, self.onkeydown)
然后图片需要能够放大和缩小。于是我再次通过按键触发。放大或缩小只需要通过改变staticbitmap的最大值并让bmp适应那个size就可以了。
由于全屏了，那么需要能够移动图片。移动的时候也只需要移动staticbitmap就行了。
#注意这里要将事件绑定到staticbitmap上面
self.bmp.bind(wx.evt_left_down, self.onleftdown)
self.bmp.bind(wx.evt_left_up, self.onleftup)
self.bmp.bind(wx.evt_motion, self.onmotion)
至此，大概要点都讲完了，下面是全部代码。仔细查阅会发现一些新的用法，
不过这个图片浏览器估计只是够我用，不过其实用起来已经挺爽的了， 全屏的图片展示，还可以随便移动图片，快捷键很方便地退出全屏。
里面还有一些不完善的地方需要改进，希望能跟大家多多交流~
感谢这期间被我大量参考资料的作者们。
#!/usr/bin/env python
#coding=utf-8
#filename : picturebrowser.py
#date : 2012-10-11
import wx
import os
import sys
import string
#你有h盘吗？没有的话在这个初始化函数里修改加载的初始路径
class pbdirframe(wx.frame):
def __init__(self, app):
wx.frame.__init__(self, none, -1, "选择文件夹", size=(250,500))
self.app = app
#设置字体
font = wx.font(12, wx.default, wx.normal, wx.normal, false, 'courier new')
self.setfont(font)
#文件夹listbox
self.list = wx.listbox(self, -1, (0,0), (200,600), '', wx.lb_single)
self.list.bind(wx.evt_listbox_dclick, self.ondclick)
#加载当前文件夹
#curdir = os.getcwd()#在这里修改初始路径，这个是当前工作路径
curdir = 'h:\\'
os.chdir(curdir)
self.loaddir(curdir)
#绑定事件
self.bind(wx.evt_close, self.onclose)
#显示窗口
self.show()
def onclose(self, event):
self.destroy()
self.app.close()
#listbox双击事件
def ondclick(self, event):
if self.list.getselection()==0:#判断是否选择了返回上一层文件夹
path = os.getcwd()
pathinfo = os.path.split(path)
dir = pathinfo[0]
else:#获得需要进入的下一层文件夹
dir = self.list.getstringselection()
if os.path.isdir(dir):#进入文件夹
self.loaddir(dir)
elif os.path.splitext(dir)[-1]=='.jpg':#显示图片
self.app.showimage(dir)
#加载文件夹，如果你想定义自己的排序，那么修改这个方法吧~
def loaddir(self, dir):
#不是目录则不进行操作
if not os.path.isdir(dir):
return
self.list.clear()#清空
self.list.append('...')#添加返回上一层文件夹标志
dirs = []
jpgs = []
nnjpgs = []
for _dir in os.listdir(dir):
if os.path.isdir(dir+os.path.sep+_dir):
dirs.append(_dir)
else:
info = os.path.splitext(_dir)
if info[-1]=='.jpg':
if info[0].isdigit():
jpgs.append(string.atoi(info[0]))#转化为数字
else:
nnjpgs.append(_dir)
jpgs.sort()
for _jpgs in jpgs:
self.list.append(str(_jpgs)+'.jpg')
for _nnjpgs in nnjpgs:
self.list.append(_nnjpgs)
for _dirs in dirs:
self.list.append(_dirs)
os.chdir(dir)#设置工作路径
#获得下一张要显示的图片
def getnextimage(self):
index = self.list.getselection()
i = index
while i+1<self.list.getcount():
i += 1
if os.path.splitext(self.list.getstring(i))[-1]=='.jpg':
break
if i<self.list.getcount():
index = i
self.list.setselection(index)
return self.list.getstringselection()
#获得上一张图片
def getpreimage(self):
index = self.list.getselection()
i = index
while i-1>0:
i -= 1
if os.path.splitext(self.list.getstring(i))[-1]=='.jpg':
break
if i>0:
index = i
self.list.setselection(index)
return self.list.getstringselection()
class pbpicframe(wx.frame):
max_width = 400
max_height = 600
def __init__(self, app):
wx.frame.__init__(self, none, -1, "显示图片", size=(400,400))#, style=wx.simple_border)
#是否要移动图片的标志
self.bmoved = false
self.app = app
#staticbitmap
self.bmp = wx.staticbitmap(self, 0, wx.nullbitmap, (0,0), (400,400))
self.bind(wx.evt_mousewheel, self.onchangeimage)
self.bmp.bind(wx.evt_left_down, self.onleftdown)
self.bmp.bind(wx.evt_left_up, self.onleftup)
self.bmp.bind(wx.evt_motion, self.onmotion)
self.bind(wx.evt_key_down, self.onkeydown)
self.showfullscreen(true, style=wx.fullscreen_all)
self.hide()
def showimage(self, path):
if os.path.splitext(path)[-1]!='.jpg':
return
self.bmppath = path
image = wx.image(path, wx.bitmap_type_jpeg)
bmp = image.converttobitmap()
size = self.getsize(bmp)
bmp = image.scale(size[0], size[1]).converttobitmap()
self.bmp.setsize(size)
self.bmp.setbitmap(bmp)
self.show()
def getsize(self, bmp):
width = bmp.getwidth()
height = bmp.getheight()
if width>self.max_width:
height = height*self.max_width/width
width = self.max_width
if height>self.max_height:
width = width*self.max_height/height
height = self.max_height
size = width, height
return size
def onchangeimage(self, event):
rotation = event.getwheelrotation()
if rotation<0:
self.app.shownextimage()
else:
self.app.showpreimage()
def onleftdown(self, event):
self.pos = event.getx(), event.gety()
self.bmoved = true
def onleftup(self, event):
self.bmoved = false
def onmotion(self, event):
if not self.bmoved:
return
pos = event.getx(), event.gety()
dx = pos[0]-self.pos[0]
dy = pos[1]-self.pos[1]
pos = self.bmp.getposition()
pos = pos[0]+dx, pos[1]+dy
self.bmp.setposition(pos)
def onkeydown(self, event):
keycode = event.getkeycode()
if keycode == 49:#数字1放大
self.sizeup()
elif keycode == 50:#数字2缩小
self.sizedown()
event.skip()#这个貌似很重要，要同时触发app上的快捷键
def sizeup(self):
self.max_width += 50
self.max_height += 75
self.showimage(self.bmppath)
def sizedown(self):
self.max_width -= 50
self.max_height -= 75
self.showimage(self.bmppath)
class pbapp(wx.app):
#redirect=false将信息输出到dos界面
def __init__(self, redirect=false):
wx.app.__init__(self, redirect)
def oninit(self):
#显示文件夹列表界面
self.dirframe = pbdirframe(self)
#显示图片界面
self.picframe = pbpicframe(self)
#绑定事件
self.bind(wx.evt_key_down, self.onkeydown)
return true
def showimage(self, path):
#print 'showing app img', path
self.picframe.showimage(path)
self.picframe.setfocus()
def shownextimage(self):
path = self.dirframe.getnextimage()
self.showimage(path)
def showpreimage(self):
path = self.dirframe.getpreimage()
self.showimage(path)
def onkeydown(self, event):
keycode = event.getkeycode()
#print keycode
if keycode == 27:# esc键
#切换图片窗体的显示和隐藏
if self.picframe.isshown():
self.picframe.hide()
else:
self.picframe.show()
def close(self):
self.picframe.close()
def main():
app = pbapp()
app.mainloop()
if __name__=='__main__':
main()