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. 在C代码调用C++代码

    由于历史原因,以及不同开发人员的技术偏好,C语言和C++语言都有一些独有的非常有价值的项目,因而两种语言的互操作,充分利用前人造的轮子是一件非常有价值的事情. C++代码调用C代码很简单,只要分别在包 ...

  2. O2O疯狂烧钱路:止血还是放血好

    在国内,无论是互联网巨头还是创业者,很多都将O2O领域当做下一个金矿.而对于很多O2O项目来说,市场规模.用户基数.发展潜力等传统指数依然被当做硬性指标.而为了抢夺用户,很多O2O项目都只能疯狂烧钱, ...

  3. Linux上centOs6+安装mysql5.7详细教程 - 前端小鱼塘

    https://coyhom.github.io/ 人类的本质是复读机,作为一个非linux专业人员学习linux最好的办法是重复 环境centos6.5 版本5.7 1: 检测系统是否自带安装mys ...

  4. Mybatis: 插件及分页

    Mybatis采用责任链模式,通过动态代理组织多个拦截器(插件),通过这些拦截器可以改变Mybatis的默认行为(诸如SQL重写之类的). Mybatis支持对Executor.StatementHa ...

  5. 没有admin权限如何免安装使用Node和NPM

    此教程只针对于在windows系统上没有admin权限和软件安装权限,但是又希望能像安装版一样使用Node和NPM的用户. 步骤一: 下载压缩版node 访问https://nodejs.org/en ...

  6. 如何理解TCP的三次握手协议?

    • TCP是一个面向链接的协议,任何一个面向连接的协议,我们都可以将其类比为我们最熟悉的打电话模型. 如何类比呢?我们可以从建立和销毁两个阶段分别来看这件事情. 建立连接阶段 首先,我们来看看TCP中 ...

  7. C++扬帆远航——11(斐波那契数列)

    /* * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:Feibo.cpp * 作者:常轩 * 微信公众号:Worldh ...

  8. ZYNQ自定义AXI总线IP应用——PWM实现呼吸灯效果

    一.前言 在实时性要求较高的场合中,CPU软件执行的方式显然不能满足需求,这时需要硬件逻辑实现部分功能.要想使自定义IP核被CPU访问,就必须带有总线接口.ZYNQ采用AXI BUS实现PS和PL之间 ...

  9. git指令-添加远程仓库

    git指令-添加远程仓库 首先在GitHub上创建属于你自己的远程仓库:例如我创建的远程仓库mybatis用于我最近保存的mybatis代码 目前,在GitHub上的这个learngit仓库还是空的, ...

  10. 完全依赖QML实现播放器

    前言 一直听闻QML无比强大好用,工作中需要扣一个同时播放视频的Demo,所以就趁这个机会研究了一下. 效果图和源码 源码仓库 主要设计 主页面QML import QtQuick 2.12 impo ...