一、python gui（图形化）模块介绍：

　　Tkinter :是python最简单的图形化模块，总共只有14种组建

　　Pyqt     :是python最复杂也是使用最广泛的图形化

　　Wx       :是python当中居中的一个图形化，学习结构很清晰

　　Pywin   :是python windows 下的模块，摄像头控制(opencv)，常用于外挂制作

二、wx模块的安装：

  1. C:\Users\Administrator> pip install wxpython

三、图形化介绍

……

 

 

四、wx主要组件介绍

1、frame（窗口）

  1. 参数：
  2.  
  3. parent = None #父元素，假如为None，代表顶级窗口
  4.  
  5. id = None #组件的标识，唯一，假如id为-1代表系统分配id
  6.  
  7. title = None #窗口组件的名称
  8.  
  9. pos = None #组件的位置，就是组件左上角点距离父组件或者桌面左和上的距离
  10.  
  11. size = None #组件的尺寸，宽高
  12.  
  13. style = None #组件的样式
  14.  
  15. name = None #组件的名称，也是用来标识组件的，但是用于传值

2、TextCtrl（文本框）

  1. 参数：
  2.  
  3. parent = None #父元素，假如为None，代表顶级窗口
  4.  
  5. id = None #组件的标识，唯一，假如id为-1代表系统分配id
  6.  
  7. value = None   #文本框当中的内容
  8.          GetValue #获取文本框的值
  9.          SetValue #设置文本框的值
  10.  
  11. pos = None #组件的位置，就是组件左上角点距离父组件或者桌面左和上的距离
  12.  
  13. size = None #组件的尺寸，宽高
  14.  
  15. style = None #组件的样式
  16.  
  17. validator = None #验证
  18.  
  19. name = None #组件的名称，也是用来标识组件的，但是用于传值

3、Button（按钮）

  1. 参数：
  2.  
  3. parent = None #父元素，假如为None，代表顶级窗口
  4.  
  5. id = None #组件的标识，唯一，假如id为-1代表系统分配id
  6.  
  7. lable = None #按钮的标签
  8.  
  9. pos = None #组件的位置，就是组件左上角点距离父组件或者桌面左和上的距离
  10.  
  11. size = None #组件的尺寸，宽高
  12.  
  13. style = None #组件的样式
  14.  
  15. validator = None #验证
  16.  
  17. name = None #组件的名称，也是用来标识组件的，但是用于传值

其它组件的参数类似

4、创建窗口基础代码

  1. 基本创建窗口代码说明：

    import wx #引入wx模块
  2. app = wx.App() #实例化一个主循环
  3. frame = wx.Frame(None) #实例化一个窗口
  4. frame.Show()#调用窗口展示功能
  5. app.MainLoop()#启动主循环

效果如下图：　　

五、Gui编写简单实例

实现如下一个GUI界面，在上面文本框中输入文本文件地址，点击“打开”按钮后将文本文件内容显示在下面的文本框中。

1、图形化编写

  1. import wx
  2.  
  3. app = wx.App()
  4. frame = wx.Frame(None,title = "Gui Test Editor",pos = (1000,200),size = (500,400))
  5.  
  6. path_text = wx.TextCtrl(frame,pos = (5,5),size = (350,24))
  7. open_button = wx.Button(frame,label = "打开",pos = (370,5),size = (50,24))
  8. save_button = wx.Button(frame,label = "保存",pos = (430,5),size = (50,24))
  1. content_text= wx.TextCtrl(frame,pos = (5,39),size = (475,300),style = wx.TE_MULTILINE)  # wx.TE_MULTILINE可以实现换行功能,若不加此功能文本文档显示为一行显示
  1. frame.Show() app.MainLoop()

2、事件绑定

  1. 1、定义事件函数
  2.     事件函数有且只有一个参数，叫event
  3.     
  4. def openfile(event):
  5.     path = path_text.GetValue()
  6.     with open(path,"r",encoding="utf-8") as f:  #encoding 设置文件打开时指定为utf8编码，避免写文件时出现编码错误
  7.         content_text.SetValue(f.read())
  8.  
  9. 2、绑定出发事件的条件和组件
  10.  
  11. open_button.Bind(wx.EVT_BUTTON,openfile)

3、完整代码

  1. #coding:utf-8
  2. import wx
  3.  
  4. def openfile(event):     # 定义打开文件事件
  5.     path = path_text.GetValue()
  6.     with open(path,"r",encoding="utf-8") as f:  # encoding参数是为了在打开文件时将编码转为utf8
  7.         content_text.SetValue(f.read())
  8.  
  9. app = wx.App()
  10. frame = wx.Frame(None,title = "Gui Test Editor",pos = (1000,200),size = (500,400))
  11.  
  12. path_text = wx.TextCtrl(frame,pos = (5,5),size = (350,24))
  13. open_button = wx.Button(frame,label = "打开",pos = (370,5),size = (50,24))
  14. open_button.Bind(wx.EVT_BUTTON,openfile)    # 绑定打开文件事件到open_button按钮上
  15.  
  16. save_button = wx.Button(frame,label = "保存",pos = (430,5),size = (50,24))
  17.  
  18. content_text= wx.TextCtrl(frame,pos = (5,39),size = (475,300),style = wx.TE_MULTILINE)
  19. #  wx.TE_MULTILINE可以实现以滚动条方式多行显示文本,若不加此功能文本文档显示为一行
  20.  
  21. frame.Show()
  22. app.MainLoop()

　　

  六、尺寸器

按照上面的GUI代码有一个缺陷，由于我们各个组件都固定了大小，因此在框体拉伸时，对应的组件不会对应进行拉伸，比较影响用户体验。

为了解决上述这个问题，我们可以使用尺寸器进行布局，类似于HTML的CSS样式。

1、BoxSizer（尺寸器）

  • 尺寸器作用于画布（panel）
  • 默认水平布局
  • 垂直布局可以调整
  • 按照相对比例

2、步骤

  • 实例化尺寸器（可以是多个）
  • 添加组件到不同尺寸器中
  • 设置相对比例、填充的样式和方向、边框等参数
  • 设置主尺寸器

3、将上面代码通过尺寸器改写

  1. #coding:utf-8
  2. import wx
  3.  
  4. def openfile(event):     # 定义打开文件事件
  5.     path = path_text.GetValue()
  6.     with open(path,"r",encoding="utf-8") as f:  # encoding参数是为了在打开文件时将编码转为utf8
  7.         content_text.SetValue(f.read())
  8.  
  9. app = wx.App()
  10. frame = wx.Frame(None,title = "Gui Test Editor",pos = (1000,200),size = (500,400))
  11.  
  12. panel = wx.Panel(frame)
  13.  
  14. path_text = wx.TextCtrl(panel)
  15. open_button = wx.Button(panel,label = "打开")
  16. open_button.Bind(wx.EVT_BUTTON,openfile)    # 绑定打开文件事件到open_button按钮上
  17.  
  18. save_button = wx.Button(panel,label = "保存")
  19.  
  20. content_text= wx.TextCtrl(panel,style = wx.TE_MULTILINE)
  21. #  wx.TE_MULTILINE可以实现以滚动条方式多行显示文本,若不加此功能文本文档显示为一行
  22.  
  23. box = wx.BoxSizer() # 不带参数表示默认实例化一个水平尺寸器
  24. box.Add(path_text,proportion = 5,flag = wx.EXPAND|wx.ALL,border = 3) # 添加组件
  25.     #proportion：相对比例
  26.     #flag：填充的样式和方向,wx.EXPAND为完整填充，wx.ALL为填充的方向
  27.     #border：边框
  28. box.Add(open_button,proportion = 2,flag = wx.EXPAND|wx.ALL,border = 3) # 添加组件
  29. box.Add(save_button,proportion = 2,flag = wx.EXPAND|wx.ALL,border = 3) # 添加组件
  30.  
  31. v_box = wx.BoxSizer(wx.VERTICAL) # wx.VERTICAL参数表示实例化一个垂直尺寸器
  32. v_box.Add(box,proportion = 1,flag = wx.EXPAND|wx.ALL,border = 3) # 添加组件
  33. v_box.Add(content_text,proportion = 5,flag = wx.EXPAND|wx.ALL,border = 3) # 添加组件
  34.  
  35. panel.SetSizer(v_box) # 设置主尺寸器
  36.  
  37. frame.Show()
  38. app.MainLoop()

　　通过尺寸器进行布局，无论宽体如何拉伸，内部的组件都会按比例进行变化。

        

 

版权声明：本文为morries123原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/morries123/p/8568666.html