上次我爬了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)
至此，大概要點都講完了，下面是全部代碼。仔細查閱會發現一些新的用法，
不過這個圖片瀏覽器估計只是夠我用，不過其實用起來已經挺爽的了， 全屏的圖片展示，還可以隨便移動圖片，快捷鍵很方便地退出全屏。
里面還有一些不完善的地方需要改進，希望能跟大家多多交流~
感謝這期間被我大量參考資料的作者們。
View Code
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+1<self.list.GetCount(): 99 i += 1 100 if os.path.splitext(self.list.GetString(i))[-1]=='.jpg': 101 break 102 if i<self.list.GetCount(): 103 index = i 104 self.list.SetSelection(index) 105 return self.list.GetStringSelection() 106 107 #獲得上一張圖片 108 def GetPreImage(self): 109 index = self.list.GetSelection() 110 i = index 111 while i-1>0: 112 i -= 1 113 if os.path.splitext(self.list.GetString(i))[-1]=='.jpg': 114 break 115 if i>0: 116 index = i 117 118 self.list.SetSelection(index) 119 return self.list.GetStringSelection() 120 121 122 class PBPicFrame(wx.Frame): 123 124 max_width = 400 125 max_height = 600 126 127 def __init__(self, app): 128 wx.Frame.__init__(self, None, -1, "顯示圖片", size=(400,400))#, style=wx.SIMPLE_BORDER) 129 130 #是否要移動圖片的標志 131 self.bmoved = False 132 133 self.app = app 134 135 #staticbitmap 136 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 return 152 self.bmppath = path 153 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/width 166 width = self.max_width 167 if height>self.max_height: 168 width = width*self.max_height/height 169 height = self.max_height 170 size = width, height 171 return size 172 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 = True 184 185 def OnLeftUp(self, event): 186 self.bmoved = False 187 188 def OnMotion(self, event): 189 if not self.bmoved: 190 return 191 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]+dy 196 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 += 50 208 self.max_height += 75 209 self.ShowImage(self.bmppath) 210 def SizeDown(self): 211 self.max_width -= 50 212 self.max_height -= 75 213 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 True 232 233 def ShowImage(self, path): 234 #print 'showing app img', path 235 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 keycode 249 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()