我爬了n多图片,但是浏览的时候有一个问题。
图片浏览器的浏览一般都是按名称排的,而我对图片的命名是按照数字递增的。比如3总是会排在10后面,也就无法快速地浏览图片了。
所以,出于方便自己查阅图片,也出于学习,决定做一个自己的图片浏览器。
目标:浏览目录,通过滚轮不断显示同一个文件夹下的图片,并自定义排序。
步骤0:要实现图形界面,我使用wxPython。
至于如何安装和简单地使用wxpython,可以到网上检索,一大堆资料。
以下步骤默认你已经知道如何生成一个自己的frame。
但是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是staticbitmap3 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)
至此,大概要点都讲完了,下面是全部代码。仔细查阅会发现一些新的用法,
不过这个图片浏览器估计只是够我用,不过其实用起来已经挺爽的了, 全屏的图片展示,还可以随便移动图片,快捷键很方便地退出全屏。
里面还有一些不完善的地方需要改进,希望能跟大家多多交流~
感谢这期间被我大量参考资料的作者们。
1 #!/usr/bin/env Python 2 #coding=utf-8 3 4 #filename : PictureBrowser.py 5 #author : http://www.cnblogs.com/chenkun24/ 6 #date : 2012-10-11 7 8 9 10 import wx 11 import os 12 import sys 13 import string 14 15 #你有H盘吗?没有的话在这个初始化函数里修改加载的初始路径 16 class PBDirFrame(wx.Frame): 17 def __init__(self, app): 18 wx.Frame.__init__(self, None, -1, "选择文件夹", size=(250,500)) 19 20 self.app = app 21 22 #设置字体 23 font = wx.Font(12, wx.DEFAULT, wx.NORMAL, wx.NORMAL, False, 'Courier New') 24 self.SetFont(font) 25 26 #文件夹listbox 27 self.list = wx.ListBox(self, -1, (0,0), (200,600), '', wx.LB_SINGLE) 28 self.list.Bind(wx.EVT_LISTBOX_DCLICK, self.OnDClick) 29 30 #加载当前文件夹 31 #curdir = os.getcwd()#在这里修改初始路径,这个是当前工作路径 32 curdir = 'H:\\' 33 os.chdir(curdir) 34 self.LoadDir(curdir) 35 36 #绑定事件 37 self.Bind(wx.EVT_CLOSE, self.OnClose) 38 39 40 41 #显示窗口 42 self.Show() 43 44 def OnClose(self, event): 45 self.Destroy() 46 self.app.Close() 47 48 #listbox双击事件 49 def OnDClick(self, event): 50 if self.list.GetSelection()==0:#判断是否选择了返回上一层文件夹 51 path = os.getcwd() 52 pathinfo = os.path.split(path) 53 dir = pathinfo[0] 54 else:#获得需要进入的下一层文件夹 55 dir = self.list.GetStringSelection() 56 57 if os.path.isdir(dir):#进入文件夹 58 self.LoadDir(dir) 59 elif os.path.splitext(dir)[-1]=='.jpg':#显示图片 60 self.app.ShowImage(dir) 61 62 #加载文件夹,如果你想定义自己的排序,那么修改这个方法吧~ 63 def LoadDir(self, dir): 64 #不是目录则不进行操作 65 if not os.path.isdir(dir): 66 return 67 68 self.list.Clear()#清空 69 self.list.Append('...')#添加返回上一层文件夹标志 70 71 dirs = [] 72 jpgs = [] 73 nnjpgs = [] 74 for _dir in os.listdir(dir): 75 if os.path.isdir(dir+os.path.sep+_dir): 76 dirs.append(_dir) 77 else: 78 info = os.path.splitext(_dir) 79 if info[-1]=='.jpg': 80 if info[0].isdigit(): 81 jpgs.append(string.atoi(info[0]))#转化为数字 82 else: 83 nnjpgs.append(_dir) 84 jpgs.sort() 85 for _jpgs in jpgs: 86 self.list.Append(str(_jpgs)+'.jpg') 87 for _nnjpgs in nnjpgs: 88 self.list.Append(_nnjpgs) 89 for _dirs in dirs: 90 self.list.Append(_dirs) 91 92 os.chdir(dir)#设置工作路径 93 94 #获得下一张要显示的图片 95 def GetNextImage(self): 96 index = self.list.GetSelection() 97 i = index 98 while i+10:112 i -= 1113 if os.path.splitext(self.list.GetString(i))[-1]=='.jpg':114 break115 if i>0:116 index = i117 118 self.list.SetSelection(index)119 return self.list.GetStringSelection()120 121 122 class PBPicFrame(wx.Frame):123 124 max_width = 400125 max_height = 600126 127 def __init__(self, app):128 wx.Frame.__init__(self, None, -1, "显示图片", size=(400,400))#, style=wx.SIMPLE_BORDER)129 130 #是否要移动图片的标志131 self.bmoved = False132 133 self.app = app134 135 #staticbitmap136 self.bmp = wx.StaticBitmap(self, 0, wx.NullBitmap, (0,0), (400,400))137 138 139 self.Bind(wx.EVT_MOUSEWHEEL, self.OnChangeImage)140 self.bmp.Bind(wx.EVT_LEFT_DOWN, self.OnLeftDown)141 self.bmp.Bind(wx.EVT_LEFT_UP, self.OnLeftUp)142 self.bmp.Bind(wx.EVT_MOTION, self.OnMotion)143 self.Bind(wx.EVT_KEY_DOWN, self.OnKeyDown)144 145 self.ShowFullScreen(True, style=wx.FULLSCREEN_ALL)146 self.Hide()147 148 149 def ShowImage(self, path):150 if os.path.splitext(path)[-1]!='.jpg':151 return152 self.bmppath = path153 image = wx.Image(path, wx.BITMAP_TYPE_JPEG)154 bmp = image.ConvertToBitmap()155 size = self.GetSize(bmp)156 bmp = image.Scale(size[0], size[1]).ConvertToBitmap()157 self.bmp.SetSize(size)158 self.bmp.SetBitmap(bmp)159 self.Show()160 161 def GetSize(self, bmp):162 width = bmp.GetWidth()163 height = bmp.GetHeight()164 if width>self.max_width:165 height = height*self.max_width/width166 width = self.max_width167 if height>self.max_height:168 width = width*self.max_height/height169 height = self.max_height170 size = width, height171 return size172 173 174 def OnChangeImage(self, event):175 rotation = event.GetWheelRotation()176 if rotation<0:177 self.app.ShowNextImage()178 else:179 self.app.ShowPreImage()180 181 def OnLeftDown(self, event):182 self.pos = event.GetX(), event.GetY()183 self.bmoved = True184 185 def OnLeftUp(self, event):186 self.bmoved = False187 188 def OnMotion(self, event):189 if not self.bmoved:190 return191 pos = event.GetX(), event.GetY()192 dx = pos[0]-self.pos[0]193 dy = pos[1]-self.pos[1]194 pos = self.bmp.GetPosition()195 pos = pos[0]+dx, pos[1]+dy196 self.bmp.SetPosition(pos)197 198 def OnKeyDown(self, event):199 keycode = event.GetKeyCode()200 if keycode == 49:#数字1放大201 self.SizeUp()202 elif keycode == 50:#数字2缩小203 self.SizeDown()204 event.Skip()#这个貌似很重要,要同时触发app上的快捷键205 206 def SizeUp(self):207 self.max_width += 50208 self.max_height += 75209 self.ShowImage(self.bmppath)210 def SizeDown(self):211 self.max_width -= 50212 self.max_height -= 75213 self.ShowImage(self.bmppath)214 215 class PBApp(wx.App):216 217 #redirect=False将信息输出到dos界面218 def __init__(self, redirect=False):219 wx.App.__init__(self, redirect)220 221 def OnInit(self):222 223 #显示文件夹列表界面224 self.dirframe = PBDirFrame(self)225 226 #显示图片界面227 self.picframe = PBPicFrame(self)228 229 #绑定事件230 self.Bind(wx.EVT_KEY_DOWN, self.OnKeyDown)231 return True232 233 def ShowImage(self, path):234 #print 'showing app img', path235 self.picframe.ShowImage(path)236 self.picframe.SetFocus()237 238 def ShowNextImage(self):239 path = self.dirframe.GetNextImage()240 self.ShowImage(path)241 242 def ShowPreImage(self):243 path = self.dirframe.GetPreImage()244 self.ShowImage(path)245 246 def OnKeyDown(self, event):247 keycode = event.GetKeyCode()248 #print keycode249 if keycode == 27:# ESC键250 #切换图片窗体的显示和隐藏251 if self.picframe.IsShown():252 self.picframe.Hide()253 else:254 self.picframe.Show()255 256 def Close(self):257 self.picframe.Close()258 259 260 def main():261 app = PBApp()262 app.MainLoop()263 264 if __name__=='__main__':265 main()