wxpython實現界面跳轉

wxPython實現Frame之間的跳轉/更新的一種方法

?

wxPython是Python中重要的GUI框架，下面通過自己的方法實現模擬類似PC版微信登錄，并跳轉到主界面（朋友圈）的流程。

（一）項目目錄

?

【說明】

icon : 保存項目使用的圖片資源

wx_main.py : 項目入口文件，運行此文件可以看見效果。

loginFrame.py：登錄的界面的Frame定義繪制文件

contentFrame.py：登錄成功之后的界面Frame定義繪制文件

guiManager.py：界面創建和管理

utils.py：工具類，其中定義了一個獲取icon文件夾中文件全路徑的工具函數

xDialog.py：定義了有兩項輸入項的Dialog的樣式

?

（二）項目流程圖

?

【說明】

wxPython的應用入口是在wx.App()實現的，在OnInit()函數中創建要顯示的Frame對象，在wx.App子類中實現界面刷新的函數update()，并將其傳遞給新創建的Frame對象，在Frame需要觸發Frame更新的時候，通過這個回調函數update()來通知wx.App()進行Frame的更新。

?

（三）效果演示

略

（四）項目代碼

（４－１）wx_main.py

#coding=utf-8

import wx
import guiManager as FrameManager

class MainAPP(wx.App):

    def OnInit(self):
        self.manager = FrameManager.GuiManager(self.UpdateUI)
        self.frame = self.manager.GetFrame(0)
        self.frame.Show()
        return True

    def UpdateUI(self, type):
        self.frame.Show(False)
        self.frame = self.manager.GetFrame(type)
        self.frame.Show(True)

def main():
    app = MainAPP()
    app.MainLoop()

if __name__ == '__main__':
    main()

（４－２）guiManager.py

#coding=utf-8
import loginFrame
import contentFrame

class GuiManager():
    def __init__(self, UpdateUI):
        self.UpdateUI = UpdateUI
        self.frameDict = {} # 用來裝載已經創建的Frame對象

    def GetFrame(self, type):
        frame = self.frameDict.get(type)

        if frame is None:
            frame = self.CreateFrame(type)
            self.frameDict[type] = frame

        return frame

    def CreateFrame(self, type):
        if type == 0:
            return loginFrame.LoginFrame(parent=None, id=type, UpdateUI=self.UpdateUI)
        elif type == 1:
            return contentFrame.ContentFrame(parent=None, id=type, UpdateUI=self.UpdateUI)

（４－３）loginFrame.py

#coding=utf-8
import wx
# 導入wxPython中的通用Button
import wx.lib.buttons as wxButton

from utils import load_image
import xDialog

class LoginFrame(wx.Frame):
    def __init__(self, parent=None, id=-1, UpdateUI=None):
        wx.Frame.__init__(self, parent, id, title='登錄界面', size=(280, 400), pos=(500, 200))

        self.UpdateUI = UpdateUI
        self.InitUI() # 繪制UI界面

    def InitUI(self):
        panel = wx.Panel(self)

        logo_sys = wx.Image(load_image('logo_sys.png'), wx.BITMAP_TYPE_ANY).ConvertToBitmap()
        wx.StaticBitmap(panel, -1, logo_sys, pos=(90, 90), size=(100, 100))

        logo_title = wx.StaticText(panel, -1, '天馬行空', pos=(120, 210))
        logo_title.SetForegroundColour('#0a74f7')
        titleFont = wx.Font(13, wx.DEFAULT, wx.BOLD, wx.NORMAL, True)
        logo_title.SetFont(titleFont)

        button_Login = wxButton.GenButton(panel, -1, '登錄', pos=(40, 270), size=(200, 40), style=wx.BORDER_MASK)
        button_Login.SetBackgroundColour('#0a74f7')
        button_Login.SetForegroundColour('white')
        self.Bind(wx.EVT_BUTTON, self.loginSys, button_Login)


    def loginSys(self, event):
        dlg = LoginDialog(self.loginFunction, '#0a74f7')
        dlg.Show()

    def loginFunction(self, account, password):
        print '接收到用戶的輸入：', account, password
        self.UpdateUI(1) #更新UI-Frame

class LoginDialog(xDialog.InputDialog):
    def __init__(self, func_callBack, themeColor):
        xDialog.InputDialog.__init__(self, '登錄系統', func_callBack, themeColor)

（４－４）contentFrame.py

#coding=utf-8
import wx

class ContentFrame(wx.Frame):
    def __init__(self, parent=None, id=-1, UpdateUI=None):
        wx.Frame.__init__(self, parent, -1, title='天馬行空的朋友圈', size=(400, 400), pos=(500, 200))

        self.UpdateUI = UpdateUI
        self.InitUI() #繪制UI

    def InitUI(self):

        panel = wx.Panel(self)
        wx.StaticText(panel, -1, u'歡迎您的到來!', pos=(30, 30))

（４－５）xDialog.py

#coding=utf-8

import wx

class InputDialog(wx.Dialog):
    def __init__(self, title, func_callBack, themeColor):
        wx.Dialog.__init__(self, None, -1, title, size=(300, 200))
        self.func_callBack = func_callBack
        self.themeColor = themeColor

        self.InitUI() #繪制Dialog的界面

    def InitUI(self):
        panel = wx.Panel(self)

        font = wx.Font(14, wx.DEFAULT, wx.BOLD, wx.NORMAL, True)

        accountLabel = wx.StaticText(panel, -1, '賬號', pos=(20, 25))
        accountLabel.SetForegroundColour(self.themeColor)
        accountLabel.SetFont(font)

        self.accountInput = wx.TextCtrl(panel, -1, u'', pos=(80, 25), size=(180, -1))
        self.accountInput.SetForegroundColour('gray')
        self.accountInput.SetFont(font)

        passwordLabel = wx.StaticText(panel, -1, '密碼', pos=(20, 70))
        passwordLabel.SetFont(font)
        passwordLabel.SetForegroundColour(self.themeColor)

        self.passwordInput = wx.TextCtrl(panel, -1, u'', pos=(80, 70), size=(180, -1), style=wx.TE_PASSWORD)
        self.passwordInput.SetForegroundColour(self.themeColor)
        self.passwordInput.SetFont(font)

        sureButton = wx.Button(panel, -1, u'登錄', pos=(20, 130), size=(120, 40))
        sureButton.SetForegroundColour('white')
        sureButton.SetBackgroundColour(self.themeColor)
        # 為【確定Button】綁定事件
        self.Bind(wx.EVT_BUTTON, self.sureEvent, sureButton)

        cancleButton = wx.Button(panel, -1, u'取消', pos=(160, 130), size=(120, 40))
        cancleButton.SetBackgroundColour('black')
        cancleButton.SetForegroundColour('#ffffff')
        # 為【取消Button】綁定事件
        self.Bind(wx.EVT_BUTTON, self.cancleEvent, cancleButton)

    def sureEvent(self, event):
        account = self.accountInput.GetValue()
        password = self.passwordInput.GetValue()
        # 通過回調函數傳遞數值
        self.func_callBack(account, password)
        self.Destroy() #銷毀隱藏Dialog

    def cancleEvent(self, event):
        self.Destroy() #銷毀隱藏Dialog

（４－６）utils.py

#coding=utf-8
import os.path

main_dir = os.path.split(os.path.abspath(__file__))[0]

# 返回icon中文件的系統文件路徑
def load_image(file):
    filePath = os.path.join(main_dir, 'icon', file)
    return filePath

蕩的，不是本人作品