wxPython的界面设计wxformbuilde初学笔记

学习网址：http://yuyongid.blog.51cto.com/10626891/1717514

wxformbuilde下载地址：https://sourceforge.net/projects/wxformbuilder/files/wxformbuilder/

环境，Win10，python2.7,wxPython

1、准备一个窗体。

点击wxformbuilder上方的标签“forms”，并点击标签下方的第一个类似窗体的图标“Frame”

然后，下面就会出现一个窗体。但是现在还不能直接往窗体上添加各种控件。咱们还需要给窗体添加布局器BoxSizer。

2、添加布局器

点击wxformbuilder上方的标签“Layout，并点击标签下方的第一个图标“wxBoxSizer”。添加一个只有以列控件布局的布局器。这时，窗体上并没有什么变化。但是窗口左边的目录树有变化了，窗体下多了一个布局器。

3、

3、放置控件

保持目录树如上图一样，选中布局器bSizer1。这样，添加进窗体的控件都属于并使用这个布局器的方法，单列布局。就是，所有添加上去的控件都是在一列上。

点击wxformbuilder上方的标签“Common，顺次并点击标签下方的地三个图标“wxStaticText”，第四个图标“wxTextCtrl”，第一个图标“wxButton”。这样，窗体设置上就会多出一个文字标签、一个文本框和按钮。

4、修改控件属性

点击设计窗体上的控件，或者左边树形结构的控件名。在wxformbuilder右边的编辑栏都会自动变成对应控件的属性编辑。在此，你可以修改该控件的和窗体的各类属性。

此处，我们将会修改主窗体的name，文本编辑框的name，文字标签的label，和按键的label。

4.1 修改主窗体的name

主窗体的name和控件的name决定了你之后要使用的python代码时，使用的实体对象的变量名。点击树形结构的MyFrame1，并在右边属性编辑栏修改窗体的name值为“BaseMainWind。如下图：

4.2修改控件的属性

依照同样的方法，在右边的编辑框修改对应控件的属性。

文本编辑框wxTextCtrl的name属性修改为“text_main”，文字标签wxStaticText的label属性修改为“主窗口测试”，和按键wxButton的label属性修改为“清空”，按键wxButton的name属性修改为“button_main”。

剩下name属性的我偷个懒，都懒得改了。直接使用默认的好了。

加控件的触发事情函数

当按钮被按下时，咱们应该触发一个函数，将文本框里的内容清空。所以，应该给按钮控件添加一个触发按下之后应该使用的处理函数。

点击选中按钮控件button_main，在右边的属性编辑框，点击上面的另外一个标签“Events”。添加一个给“OnButtonClick”的处理函数名：main_button_click。

6、测试窗体内容。

窗体设计基本完事了，咱们现在稍微测试一个窗体的样子。按下F5，弹出对话框后点击确定。这样就wxformbuilder简单将咱们设计的窗体编译C++的显示方法，显示出窗体的样子。

7、点击选中左边树形图的最上面的图标，即选中工程。
wKioL1ZXx8OwY-FWAABV184GnOk482.png
再点击最下面标签的python，即可出现在wxPython的代码了。如下图：
wKiom1ZXx52geji_AAAuVacuo14612.png
此时，全选上面的代码。右键，【Copy】。
新建一个py源文件，并将全部代码粘贴进去，保存名为basewin.py的python代码源文件。
至此，wxPython代码就已经生成完毕了，请不要轻易变动文件里的代码。下面就是咱们调用窗体的主要逻辑代码了。

8、编辑逻辑代码

将逻辑代码保存为main_win.py

# -*- coding: UTF-8 -*-
import wx
import basewin
import sys
reload(sys)
sys.setdefaultencoding('utf-8')class MianWindow(basewin.BaseMainWind):# 首先，咱们从刚刚源文件中将主窗体继承下来.就是修改过name属性的主窗体咯。def init_main_window(self):self.text_main.SetValue(u'你好')def main_button_click(self, event):self.text_main.Clear()
if __name__ == '__main__':app = wx.App()main_win = MianWindow(None)main_win.init_main_window()main_win.Show()app.MainLoop()

将上面的逻辑代码保存为main_win.py，并跟刚刚生成那个basewin.py，放在同一个目录里。

cmd环境运行运行

结果：

其他学习网址：http://www.yiibai.com/wxpython/wxpython_event_handling.html

http://www.pythontab.com/html/2013/pythongui_0307/281.html

wxPython的界面设计wxformbuilde初学笔记相关推荐

python窗体设计插件_Python 界面生成器 wxFormBuilder 的入门使用（wxPython的界面设计工具的初学笔记）...
环境,Win10,python3.7.3,wxPython 4.0.4,wxFormBuilder 3.9 1.准备一个窗体. 点击wxformbuilder上方的标签"forms" ...
《Photoshop智能手机APP界面设计》学习笔记
第一章 APP用户界面基础 1.1 手机UI设计相关基本概念 1.1.1 什么是UI设计 UI(User's Interface)即用户界面, 它不仅仅是美化界面,还需要研究用户,让界面变得更友好.简 ...
wxpython 优秀的界面_wxPython 界面设计利器：wxFormBuilder 介绍
之前我曾经介绍过 wxPython 界面设计的工具 BOA(见这里),但是那个主题只有一篇文章,不是因为我太懒,而是 BOA 在稳定性和工具风格上不太合我的胃口. 相对于功能追求全面而强大的 BOA, ...
【UI界面设计】PS基础学习笔记
[UI界面设计]PS基础学习笔记一.概述 1.行业规范: 2.介绍二.PS入门 1.安装 2.基本介绍 3.新建项目 4.PS的基本使用流程 5.项目保存 6.抠图 7.修图 8.修人像图 9.如 ...
Python学习笔记--exe文件打包与UI界面设计
exe文件打包与UI界面设计前言一.基于tkinter实现的UI设计 1.1 库的选择及思路 1.2 定位方法的选用 1.3 Frame控件 1.4 变量设置 1.5 批量设置 1.6 Text文 ...
WP7应用开发笔记(3) 界面设计
界面设计回顾一下按钮清单: 播放控制播放/暂停 Space 停止 F4 快进 Right 快退 Left 快进X2 Control+Right 快退X2 Control+Lef ...
java图形界面的监听_非专业码农 JAVA学习笔记用户图形界面设计与实现-所有控件的监听事件...
用户图形界面设计与实现-监听事件 System.applet.Applet (一)用户自定义成分 1.绘制图形 Public voit piant(Ghraphics g){ g.drawLine等 ...
嵌入式系统开发笔记80：应用Qt Designer进行主界面设计
前言本篇文章讲解PyQt的基本使用方法,我们将应用Qt Designer来设计一个主界面,学习完本篇文章的内容后,你将获得如下技能. (1)在VS Code中启动Qt Designer ...
读瞬间之美 Web界面设计如何让用户心动 - 笔记
第一部分指引用户令人心动的第一印象设计吸引人的第一印象以明确的路线来提供信息提供工具指引用户把观光客转变为消费者可以通过一个可以让用户发现的页面布局,因为页面布局不需人去设计,它是由你的 ...

wxPython的界面设计wxformbuilde初学笔记

wxPython的界面设计wxformbuilde初学笔记相关推荐

最新文章

热门文章