GUI库主要有三类：tkinter，wxPython和PyQt5，下面主要是针对wxPython的使用说明。

下面的操作均在win10 + pycharm上进行

  1. wxPython的安装：

    pip install wxPython

    同时还安装了两个依赖包：six和pillow

  2. 简单使用：

    变量app就是我们的程序。

    其次一定要注意大小写，尤其是Show的S

    import wx
    
app = wx.App()
    
frame = wx.Frame(None, title = "Hello,world!")
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  3. 进一步，我们可以添加一个按钮：

    通过定义一个MyFrame类来实现，这个类继承自wx.Frame类。

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        self.button = wx.Button(self, label = "hello")

app = wx.App()
    
frame = MyFrame(None, title = "Hello,world!")
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  4. 但有一个问题，这个按钮太大了，布满了整个界面，所以我们可以进一步设置按钮的大小和布局：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        self.btn1 = wx.Button(self, label="hello1", pos=(10, 50), size=(100, 50))
    
        self.btn2 = wx.Button(self, label="hello2", pos=(120, 50), size=(100, 50))

app = wx.App()
    
frame = MyFrame(None, title="Hello,world!")
    
frame.Show()
    
app.MainLoop()

    其中，pos是位置参数，第一个表示与左边界的为距离，第二个表示与上边界的距离；size是按钮的大小参数，第一个表示宽度，第二个表示高度。

    有一点需要注意，这个按钮是绝对布局下的按钮，也就是说无论你把窗口变多大多小，按钮都不会随着窗口的大小变化

  5. 我们虽然有按钮了，此时还需要加入焦点：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        panel = wx.Panel(self)
    
        self.btn1 = wx.Button(panel, label="hello1", pos=(10, 50), size=(100, 50))
    
        self.btn2 = wx.Button(panel, label="hello2", pos=(120, 50), size=(100, 50))

app = wx.App()
    
frame = MyFrame(None, title="Hello,world!")
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：



    我们通过加入了wx.Panel从而可以使用鼠标点击对应按钮，或者使用Tab键来移动到下一个按钮。

  6. 现在点击也可以了，但是没有反应还不行，所以我们将按钮和对应的事件进行绑定，也就是响应按钮事件：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        panel = wx.Panel(self)
    
        self.btn1 = wx.Button(panel, label="hello1", pos=(10, 50), size=(100, 50))
    
        self.btn2 = wx.Button(panel, label="hello2", pos=(120, 50), size=(100, 50))
    
        self.Bind(wx.EVT_BUTTON, self.OnButton1, self.btn1)
    
        self.Bind(wx.EVT_BUTTON, self.OnButton2, self.btn2)
    
    def OnButton1(self, event):
    
        print("Hello,world!")
    
    def OnButton2(self, event):
    
            print("Hello,world!Hello,world!")

app = wx.App()
    
frame = MyFrame(None, title="Hello,world!")
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  7. 下面介绍一些控件的使用：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        panel = wx.Panel(self)

        self.static_text = wx.StaticText(panel, label="静态文本", pos=(10, 10))

        self.text_1 = wx.TextCtrl(panel, value="文本框", pos=(10, 40))
    
        self.text_2 = wx.TextCtrl(panel, value="密码框", style=wx.TE_PASSWORD, pos=(10, 70))
    
        self.text_3 = wx.TextCtrl(panel, value="只读文本框", style=wx.TE_READONLY, pos=(10, 100))
    
        self.text_4 = wx.TextCtrl(panel, value="多行\n文本框", style=wx.TE_MULTILINE, pos=(10, 130))

        self.btn1 = wx.Button(panel, label="修改窗口标题", pos=(200, 10))
    
        self.btn2 = wx.Button(panel, label="修改静态文本内容", pos=(200, 40))
    
        self.btn3 = wx.Button(panel, label="修改文本框内容", pos=(200, 70))
    
        self.btn4 = wx.Button(panel, label="修改只读文本框内容", pos=(200, 100))

        self.Bind(wx.EVT_BUTTON, self.OnButton1, self.btn1)
    
        self.Bind(wx.EVT_BUTTON, self.OnButton2, self.btn2)
    
        self.Bind(wx.EVT_BUTTON, self.OnButton3, self.btn3)
    
        self.Bind(wx.EVT_BUTTON, self.OnText1, self.btn4)

    def OnButton1(self, event):
    
        self.Title += 'Hello'
    
    def OnButton2(self, event):
    
        self.static_text.Label += 'Hi'
    
    def OnButton3(self, event):
    
        self.text_1.Value = 'Good'
    
        self.text_2.Value = 'GOOD'
    
        self.text_3.Value = 'Good\nbetter\nbest'
    
        self.text_4.Value = 'GOOD\nBetter\nBest'
    
    def OnText1(self, event):
    
        self.text_3.Value = self.text_1.Value

app = wx.App()
    
frame = MyFrame(None, title="Multi_Text", size=(500, 300))
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  8. 接下来我们看一下加入图片控件的使用：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        self.bitmap = wx.StaticBitmap(self, pos=(10, 10))
    
        self.btn1 = wx.Button(self, label="001", pos=(300, 10))
    
        self.btn2 = wx.Button(self, label='002', pos=(300, 40))
    
        self.Bind(wx.EVT_BUTTON, self.OnButton1, self.btn1)
    
        self.Bind(wx.EVT_BUTTON, self.OnButton2, self.btn2)

    def OnButton1(self, event):
    
        self.bitmap.Bitmap = wx.Bitmap('002.jpeg')
    
    def OnButton2(self, event):
    
        self.bitmap.Bitmap = wx.Bitmap('001.jpg')

app = wx.App()
    
frame = MyFrame(None, title="Images", size=(500, 290))
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  9. 接下来我们解决相对布局的问题，首先可以使用BoxSizer来使缩小窗口时不会遮挡按钮：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        sizer = wx.BoxSizer(wx.HORIZONTAL)
    
        self.bitmap = wx.StaticBitmap(self, bitmap=wx.Bitmap('001.jpg'))
    
        self.btn1 = wx.Button(self, label="001")
    
        self.btn2 = wx.Button(self, label='002')
    
        self.Bind(wx.EVT_BUTTON, self.OnButton1, self.btn1)
    
        self.Bind(wx.EVT_BUTTON, self.OnButton2, self.btn2)
    
        sizer.Add(self.btn1)
    
        sizer.Add(self.btn2)
    
        sizer.Add(self.bitmap)
    
        self.SetSizerAndFit(sizer)

    def OnButton1(self, event):
    
        self.bitmap.Bitmap = wx.Bitmap('002.jpeg')
    
    def OnButton2(self, event):
    
        self.bitmap.Bitmap = wx.Bitmap('001.jpg')

app = wx.App()
    
frame = MyFrame(None, title="Images", size=(500, 290))
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  10. 当拉动窗口时，按钮将一直保持相同比例跟随其变化：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        self.btn1 = wx.Button(self, label="button1")
    
        self.btn2 = wx.Button(self, label='button2')
    
        sizer = wx.BoxSizer(wx.VERTICAL)
    
        sizer.Add(self.btn1, 1)
    
        sizer.Add(self.btn2, 3)
    
        self.SetSizerAndFit(sizer)

app = wx.App()
    
frame = MyFrame(None, title="vertical")
    
frame.Show()
    
app.MainLoop()

    运行后的界面如下所示：

  11. 当然，也可以添加位置信息：

    sizer.Add(self.btn1, 1, wx.ALIGN_LEFT)
    
sizer.Add(self.btn3, 2, wx.TEXT_ALIGNMENT_LEFT)
    
sizer.Add(self.btn2, 3, wx.EXPAND)

  12. 也可以加边框距离：

     sizer.Add(self.btn1, 1, wx.ALIGN_LEFT|wx.ALL, 10)
    
 sizer.Add(self.btn3, 2, wx.TEXT_ALIGNMENT_LEFT|wx.LEFT|wx.RIGHT, 300)
    
 sizer.Add(self.btn2, 3, wx.EXPAND)

  13. 也可以Add一个块来进行占位：

    sizer.Add((50, 60))

  14. 还可以设置比例：

    sizer.Add(self.btn1, 1, wx.ALL, 30)
    
sizer.Add(self.btn3, 1, wx.ALL, 30)
    
sizer.Add(self.btn2, 1, wx.ALL, 30)
    
sizer.Add((50, 60), 3)

    运行后的界面如下所示：

  15. 最后来看一个嵌套布局：

    import wx

class MyFrame(wx.Frame):
    
    def __init__(self, *args, **kw):
    
        wx.Frame.__init__(self, *args, **kw)
    
        self.btn1 = wx.Button(self, label="button1")
    
        self.btn2 = wx.Button(self, label='button2')
    
        self.btn3 = wx.Button(self, label='button3')
    
        self.btn4 = wx.Button(self, label="button4")
    
        self.btn5 = wx.Button(self, label="button5")
    
        hsizer1 = wx.BoxSizer(wx.HORIZONTAL)
    
        hsizer1.Add(self.btn1, 0, wx.ALL, 5)
    
        hsizer1.Add(self.btn2, 0, wx.ALL, 5)
    
        hsizer2 = wx.BoxSizer(wx.HORIZONTAL)
    
        hsizer2.Add(self.btn3, 1, wx.ALL, 5)
    
        hsizer2.Add(self.btn4, 1, wx.ALL, 5)
    
        vsizer1 = wx.BoxSizer(wx.VERTICAL)
    
        vsizer1.Add(hsizer1, 0, wx.ALIGN_RIGHT)
    
        vsizer1.Add(hsizer2, 0, wx.EXPAND)
    
        vsizer1.Add(self.btn5, 1, wx.EXPAND)
    
        self.SetSizerAndFit(vsizer1)

app = wx.App()
    
frame = MyFrame(None, title="嵌套BoxSizer")
    
frame.Show()
    
app.MainLoop()

    然后来看运行效果：

如何使用python图形化界面wxPython的更多相关文章

  1. PySide——Python图形化界面

    PySide——Python图形化界面 PySide——Python图形化界面入门教程(四) PySide——Python图形化界面入门教程(四) ——创建自己的信号槽 ——Creating Your ...

  2. PySide——Python图形化界面入门教程(四)

    PySide——Python图形化界面入门教程(四) ——创建自己的信号槽 ——Creating Your Own Signals and Slots 翻译自:http://pythoncentral ...

  3. PySide——Python图形化界面入门教程(六)

    PySide——Python图形化界面入门教程(六) ——QListView和QStandardItemModel 翻译自:http://pythoncentral.io/pyside-pyqt-tu ...

  4. PySide——Python图形化界面入门教程(五)

    PySide——Python图形化界面入门教程(五) ——QListWidget 翻译自:http://pythoncentral.io/pyside-pyqt-tutorial-the-qlistw ...

  5. PySide——Python图形化界面入门教程(三)

    PySide——Python图形化界面入门教程(三) ——使用内建新号和槽 ——Using Built-In Signals and Slots 上一个教程中,我们学习了如何创建和建立交互widget ...

  6. PySide——Python图形化界面入门教程(二)

    PySide——Python图形化界面入门教程(二) ——交互Widget和布局容器 ——Interactive Widgets and Layout Containers 翻译自:http://py ...

  7. PySide——Python图形化界面入门教程（一）

    PySide——Python图形化界面入门教程(一) ——基本部件和HelloWorld 翻译自:http://pythoncentral.io/intro-to-pysidepyqt-basic-w ...

  8. python+pycharm+PyQt5 图形化界面安装教程

    python图形化界面安装教程 配置环境变量 主目录 pip所在目录,及script目录 更新pip(可选) python -m pip install --upgrade pip ps:更新出错一般 ...

  9. Git各大平台（win／Linux／Mac）图形化界面客户端大汇总

    摘要: 介绍各平台下的图形化界面git客户端(本人并没有全部使用过),欢迎大家补充新的软件或者使用感受~  一.TortoiseGit - The coolest Interface to Git V ...

随机推荐

  1. Ionic3学习笔记（九）关于 Android 端软键盘弹出后界面被压缩的问题

    本文为原创文章,转载请标明出处 今天做了一个如下图所示的页面. iOS 端毫无 bug,Android 端却出现了问题.当软键盘弹出后,Android 端的 tabs 移到了软键盘的上面,再仔细一看, ...

  2. a链接刷新页面与js刷新页面总结

    1.a链接的使用操作: <a href="javascript:history.go(-1);">返回上一页</a> <a href="#t ...

  3. python Post 登录 cookies 和session

    def post_name(): print('\npost name') # http://pythonscraping.com/pages/files/form.html data = {'fir ...

  4. 【内推】平安产险大数据测试开发工程师，15-30k！

    平安产险技术岗内部推荐-大数据测试开发工程师等-欢迎中年人和2020应届生 上班地点:深圳福田平安金融中心 另有大量 上海 北京 成都 广州 岗位 交流qq群 828186629 微信pythonte ...

  5. Atom配置（VIM党） · iuunhao

    为什么说是Vim党呢?首先我是一个深度的Vim用户,自己的电脑上基本上可以兼容Vim的插件都有,所有浏览器,所有编辑器都是Vim的操作方式,当然包括我现在书写的markdown的软件EME也是兼容的V ...

  6. pymongo bugfix后记

    有网友反馈py-mongo-sync同步异常,检查发现curosr[0]取查询结果第一个文档时报错"no such item for Cursor instance". 这里的逻辑 ...

  7. go微服务框架kratos学习笔记十(熔断器)

    目录 go微服务框架kratos学习笔记十(熔断器) 什么是熔断 熔断器逻辑 kratos Breaker kratos 熔断逻辑 kratos熔断器使用说明 bladmaster client br ...

  8. Ubuntu 16.04 apt 国内源

    一.推荐几个 Ubuntu 16.04 国内的 apt 源 1. 阿里源 # deb cdrom:[Ubuntu 16.04 LTS _Xenial Xerus_ - Release amd64 (2 ...

  9. Python开发（一）：Python介绍与基础知识

    Python开发(一):Python介绍与基础知识 本次内容 一:Python介绍: 二:Python是一门什么语言 三:Python:安装 四:第一个程序 “Hello world” 五:Pytho ...

  10. 压力测试（七）-html可视化压测报告细讲

    1.阿里云Linux服务器 Jmeter压测实战之jtl文件生成和查看 简介: 利用软件从阿里云Centos服务器下载压测报告,讲解Jtl文件,并怎么查看文件 可以通过打开jmeter,新建线程组-& ...