腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

使用wxpython實現(xiàn)的一個簡單圖片瀏覽器實例

更新時間：2014年07月10日 11:24:12 投稿：junjie

這篇文章主要介紹了使用wxpython實現(xiàn)的一個簡單圖片瀏覽器實例,根據(jù)自己的特殊需求而寫,需要的朋友可以參考下

上次我爬了n多圖片，但是瀏覽的時候有一個問題。

圖片瀏覽器的瀏覽一般都是按名稱排的，而我對圖片的命名是按照數(shù)字遞增的。比如3總是會排在10后面，也就無法快速地瀏覽圖片了。

所以，出于方便自己查閱圖片，也出于學(xué)習(xí)，決定做一個自己的圖片瀏覽器。

目標(biāo)：瀏覽目錄，通過滾輪不斷顯示同一個文件夾下的圖片，并自定義排序。

步驟0：要實現(xiàn)圖形界面，我使用wxPython。

至于如何安裝和簡單地使用wxpython，可以到網(wǎng)上檢索，一大堆資料。
以下步驟默認(rèn)你已經(jīng)知道如何生成一個自己的frame。

步驟1：瀏覽目錄。

這個功能就是類似于打開“我的電腦”，然后不斷地進入文件夾和返回。
通過幾種嘗試，我決定使用listbox。

我初始化一個app。用一個frame實現(xiàn)目錄的功能，其上只有一個listbox；用另一個frame實現(xiàn)圖片展示的功能，兩個frame通過app進行信息的傳遞。

復(fù)制代碼代碼如下:

for _dir in os.listdir(dir):

    #do something

其中像os.path.split()、os.path.splitext()、os.path.isdir()等，都是很常用的一些方法。

顯示目錄就是一個不斷地獲取你選擇的目錄，進入目錄，讀取其下目錄，清空listbox，顯示目錄，更改工作路徑的過程。

顯示目錄的時候，自定義排序功能就來了。通過對圖片名稱進行處理，轉(zhuǎn)為數(shù)字，排序，然后再重新組裝回去，從而達到按數(shù)字遞增的效果。

復(fù)制代碼代碼如下:

self.list.Bind(wx.EVT_LISTBOX_DCLICK, self.OnDClick)

同時通過以上方法為listbox綁定了雙擊事件。若是雙擊目錄則進入目錄，否則顯示通過app展示圖片。

同時這個frame需要具備兩個方法，就是獲取上一張或下一張圖片，為了后續(xù)app的調(diào)用。

步驟2：顯示圖片

這個圖片展示一開始感覺挺麻煩的，但是弄懂了之后就很簡單了。

我用一個frame展示圖片。

frame上面空白，有一個wx.StaticBitmap，之后顯示圖片的時候只需要往這個staticbitmap寫bitmap就可以了。一開始我是不斷地新建staticbitmap，導(dǎo)致了一些可以看到但是那時候不知道為什么的原因。

然后在這個frame上檢測鼠標(biāo)滾輪事件，通過向上或向下滾輪調(diào)用app的GetNextImage和GetPreImage方法并將獲得的圖片顯示出來。

還有圖片的大小，我先規(guī)定了一個最大值和最小值，將圖片約束在一定的范圍內(nèi)。

復(fù)制代碼代碼如下:

bmp = image.Scale(size[0], size[1]).ConvertToBitmap()

self.bmp.SetSize(size)#bmp是staticbitmap

self.bmp.SetBitmap(bmp)

但是一個小窗口看圖片很不爽，于是將圖片窗口全屏化。

復(fù)制代碼代碼如下:

self.ShowFullScreen(True, style=wx.FULLSCREEN_ALL)

全屏化就要考慮怎么退出了。我通過按鍵發(fā)送消息，命令窗口關(guān)閉或顯示。若顯示則關(guān)閉（其實只是隱藏），若隱藏則顯示。注意這個事件要綁定到app上面。

復(fù)制代碼代碼如下:

self.Bind(wx.EVT_KEY_DOWN, self.OnKeyDown)

然后圖片需要能夠放大和縮小。于是我再次通過按鍵觸發(fā)。放大或縮小只需要通過改變staticbitmap的最大值并讓bmp適應(yīng)那個size就可以了。

由于全屏了，那么需要能夠移動圖片。移動的時候也只需要移動staticbitmap就行了。

復(fù)制代碼代碼如下:

#注意這里要將事件綁定到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)

至此，大概要點都講完了，下面是全部代碼。仔細查閱會發(fā)現(xiàn)一些新的用法，

不過這個圖片瀏覽器估計只是夠我用，不過其實用起來已經(jīng)挺爽的了，全屏的圖片展示，還可以隨便移動圖片，快捷鍵很方便地退出全屏。

里面還有一些不完善的地方需要改進，希望能跟大家多多交流~

感謝這期間被我大量參考資料的作者們。

復(fù)制代碼代碼如下:

#!/usr/bin/env Python
#coding=utf-8

#filename : PictureBrowser.py
#date : 2012-10-11

import wx
import os
import sys
import string

#你有H盤嗎？沒有的話在這個初始化函數(shù)里修改加載的初始路徑
class PBDirFrame(wx.Frame):
def __init__(self, app):
wx.Frame.__init__(self, None, -1, "選擇文件夾", size=(250,500))

self.app = app

        #設(shè)置字體
        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)

        #加載當(dāng)前文件夾
        #curdir = os.getcwd()#在這里修改初始路徑，這個是當(dāng)前工作路徑
        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('...')#添加返回上一層文件夾標(biāo)志

        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]))#轉(zhuǎn)化為數(shù)字
                    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)#設(shè)置工作路徑

    #獲得下一張要顯示的圖片
    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)

        #是否要移動圖片的標(biāo)志
        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:#數(shù)字1放大
            self.SizeUp()
        elif keycode == 50:#數(shù)字2縮小
            self.SizeDown()
        event.Skip()#這個貌似很重要，要同時觸發(fā)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()

您可能感興趣的文章: