所见即所得,跨平台快速GUI界面RAD设计
suiw9 2025-03-14 20:32 19 浏览 0 评论
Linux一路走来,界面组件很多,TK、gtk、Qt、wxWidget等。Tk古老而又厚重,不失motif风格,gtk+glade别具特色,Qt轻快时尚,许多语言本身没有gui可用,于是做接口加wrapper就成了一种流行的解决方法,比如perl、python、ruby、tclsh+wish、D language、nim,连古老的cobol也被gnu翻建一新。
以deepin 20.5 平台Linux为基础,今天说一说基于wxWidget的RAD设计。
安装 wxglade
sudo apt install wxglade
安装完成后,在全部程序项和编程开发分类中自动加上wxglade
程序并进入程序
左上侧是toolbox,右侧是设计树,左下侧是要生成的代码,可生成Python的,Perl的,C++的(g++)、XRC和Lisp的。
拖拽组件、摆个程序界面
- 1、点1,选2 wxFrame,建MyFrame类,可以改其它名字,我简化写就不改了。
确认后是这样的:Application - frame - sizer - slot
Application 是应用程序, frame是窗体框架,sizer是布局器,SLOT是个盒子/槽子 - 用于放置 toolbox 里面的组件,sizer随frame缩放、上面的槽子装着组件随着窗体缩放而相应的摆放,就不会因为窗体变而布局不变造成界面很难看了。
- 选中frame,设定它的大小,比如 800 x 350
Widget 页是设定窗口样式的,比如要不要最小化钮、要不要最大化钮、要不要关闭窗口钮、是不是总在其它窗口上面等等,自己按需要点选。
- 选sizer,在默认一个槽子的基础上我们右键选 Add slot ,再加2个槽子,共三个槽子。设计是窗体分成三栏,每个栏即是一个槽子,每个槽子里面放一个日历组件(或其它组件,自己在左上侧工具面板上选)
此时布局器已经摆放了三条横向的。
看左下侧红框的地方,把它改成纵向的。
下面是分别选中槽子,然后从左上侧的工具面板上选组件放上来。方法是先选中SLOT,然后,点一下左侧组件光标变成十字叉、移到选中的SLOT上按左键就放到SLOT里了。
接下来选中带日历组件的SLOT,左下侧换到它的Layout布局页,然后选中wxEXPAND和wxALIGN_CENTER_HORIZONTAL,对三个槽子同样进行设置。
- 设置成三栏式自动布局
回点sizer,左下侧的布局器改成wxGridSizer,右面的窗体布局就自动被设置成为三等分均匀布局。点一下窗体的最大化钮,组件随窗体缩放自动摆放得整整齐齐。
如果想看实际效果,按F5,即显示实际效果。
- 生成代码,以Python3为例
先保存一下设计,默认是保存在 home 目录下。给它放到另外的地方,不要都堆到 home中,具体保存省略了。
点选Python 1 , 2的地方点了就不冲掉原来的代码,不选它就冲掉旧的换新的,写了代码又回头修改窗体设计时注意它。
- 运行Python代码
点击Generate Source后,会显示成功生成代码
找到保存原设计的目录,发现有个Python文件如下
wxglade_out.py 就是刚才生成的文件
在deepin-terminal终端上cd到文件目录, 执行 python3 wxglade_out.py ,刚才设计的窗口就显示到桌面了。
- 生成的代码是这个样子的
#!/usr/bin/env python
# -*- coding: UTF-8 -*-
#
# generated by wxGlade 0.8.3 on Fri Apr 15 20:17:28 2022
#
import wx
import wx.adv
# begin wxGlade: dependencies
# end wxGlade
# begin wxGlade: extracode
# end wxGlade
class MyFrame(wx.Frame):
def __init__(self, *args, **kwds):
# begin wxGlade: MyFrame.__init__
kwds["style"] = kwds.get("style", 0) | wx.DEFAULT_FRAME_STYLE
wx.Frame.__init__(self, *args, **kwds)
self.SetSize((800, 350))
self.calendar_ctrl_1 = wx.adv.CalendarCtrl(self, wx.ID_ANY)
self.calendar_ctrl_2 = wx.adv.CalendarCtrl(self, wx.ID_ANY)
self.calendar_ctrl_3 = wx.adv.CalendarCtrl(self, wx.ID_ANY)
self.__set_properties()
self.__do_layout()
# end wxGlade
def __set_properties(self):
# begin wxGlade: MyFrame.__set_properties
self.SetTitle("frame")
# end wxGlade
def __do_layout(self):
# begin wxGlade: MyFrame.__do_layout
sizer_1 = wx.GridSizer(1, 3, 0, 0)
sizer_1.Add(self.calendar_ctrl_1, 0, wx.ALIGN_CENTER_HORIZONTAL | wx.EXPAND, 0)
sizer_1.Add(self.calendar_ctrl_2, 0, wx.ALIGN_CENTER_HORIZONTAL | wx.EXPAND, 0)
sizer_1.Add(self.calendar_ctrl_3, 0, wx.ALIGN_CENTER_HORIZONTAL | wx.EXPAND, 0)
self.SetSizer(sizer_1)
self.Layout()
# end wxGlade
# end of class MyFrame
class MyApp(wx.App):
def OnInit(self):
self.frame = MyFrame(None, wx.ID_ANY, "")
self.SetTopWindow(self.frame)
self.frame.Show()
return True
# end of class MyApp
if __name__ == "__main__":
app = MyApp(0)
app.MainLoop()
- 其它
这个版本的wxglade比较低,新版更好用的,要想安装的话要 git clone 下来,然后 ./configure, make && sudo make install 就安上了,但用法基本类似。不妨用新版,添加个button,然后写个类似onclicked的event 名字,在Python里对着onclicked编写代码。
生成的C代码要用 g++编译后运行,在生成的cpp文件头中标有编译参数,按参数编译即可。生成的perl 代码要 wxPerl 支持才能运行。XRC和Lisp平时不用,生成的代码没测试,尚不清楚效果如何。
相关推荐
- 谁说 Vim 不好用?送你一个五彩斑斓的编辑器!
-
相信大家在使用各种各样强大的IDE写代码时都会注意到,代码中各种类型的关键字会用独特的颜色标记出来,然后形成一套语法高亮规则。这样不仅美观,而且方便代码的阅读。而在上古神器Vim中,我们通常看...
- Python 基础教程 九之cron定时执行python脚本
-
前言在Linux或Unix系统中,你可以使用cron任务来定时执行Python脚本。cron是一个基于时间的作业调度器,允许你安排命令或脚本在系统上自动执行。...
- RK3588主板Ubuntu 22.04固件刷机后需要进行哪些操作?
-
RK3588主板Ubuntu22.04固件刷机完成后,您需要进行以下操作:1、验证固件版本:确认您刷入的Ubuntu22.04固件版本是否正确,并且系统正常运行。...
- Ubuntu16.04搭建VNC Server远程桌面服务器
-
1.前言本文主要讲解Ubuntu16.04怎么安装VNCServer远程桌面服务器。VNC全称为VirtualNetworkComputing(虚拟网络计算)是一种图形化桌面共享工具,允许...
- 开源&Docker:何必nextcloud,新晋神级私人云盘,在线office编辑
-
本内容来源于@什么值得买APP,观点仅代表作者本人|作者:可爱的小cherry前言大家好,这里是可爱的Cherry。...
- Ubuntu系统,常用命令、IP配置等教程
-
Ubuntu系统常用命令与IP配置教程一、常用命令在Ubuntu系统中,掌握一些常用的命令对于日常操作非常重要,以下是常见的命令及其用法说明:1.ls—列出当前目录内容...
- Zed编辑器:Rust之力,Linux之翼,VS Code劲敌新篇章
-
Zed是一款支持多人协作...
- 如何在Ubuntu系统中进行系统级的代理设置
-
Ubuntu系统级代理设置步骤详解在Ubuntu系统中进行系统级的代理设置是一种常见的网络配置方式,尤其适用于需要通过代理访问互联网的场景。通过配置代理,你可以让系统中的所有应用程序(如浏览器、终端、...
- Linux Vim文本编辑器(linux用vi编辑文本)
-
在使用Linux操作系统的过程中,经常需要对文本文件进行操作,如新建、编辑等,常用的方法有以下几种:...
- 从零入门Linux(五)文本编辑器(linux好用的文本编辑器)
-
Linux系统提供了多种文本编辑器,每种编辑器都有其独特的功能和使用场景。以下按功能和复杂程度分类介绍:1.简单文本编辑器...
- 照片选择器,使用简单,几行代码就可以完成集成
-
照片选择器,使用简单,几行代码就可以完成集成来源:极客头条用于发表图片时候选择相册图片和拍照这样的需求,虽然网上也有很多类似的控件,写的挺不错的,但是深入使用就有些问题,还是自己写算了;网上的一些轮...
- 探索iOS 9适配(iphone适配)
-
CSDN移动将持续为您优选移动开发的精华内容,共同探讨移动开发的技术热点话题,涵盖移动应用、开发工具、移动游戏及引擎、智能硬件、物联网等方方面面。如果您想投稿,或寻求《近匠》报道,请发送邮件至tang...
- “旅行者”回望30载 一点淡蓝“焕新颜”
-
据美国国家航空航天局(NASA)网站12日报道,为纪念著名的“暗淡蓝点”(PaleBlueDot)照片问世30周年,NASA重新制作了这张照片,使其“焕新颜”,NASA喷气推进实验室于近日发布了新...
- 「底层技术原理体系」深入探索Java服务器性能监控Metrics框架
-
承接上文承接上文中的【深度挖掘Java性能调优】「底层技术原理体系」深入探索Java服务器性能监控Metrics框架的实现原理分析(Counter篇),我们知道和了解了对应的Counter计数器的作用...
你 发表评论:
欢迎- 一周热门
-
-
Linux:Ubuntu22.04上安装python3.11,简单易上手
-
宝马阿布达比分公司推出独特M4升级套件,整套升级约在20万
-
MATLAB中图片保存的五种方法(一)(matlab中保存图片命令)
-
别再傻傻搞不清楚Workstation Player和Workstation Pro的区别了
-
Linux上使用tinyproxy快速搭建HTTP/HTTPS代理器
-
如何提取、修改、强刷A卡bios a卡刷bios工具
-
Element Plus 的 Dialog 组件实现点击遮罩层不关闭对话框
-
日本组合“岚”将于2020年12月31日停止团体活动
-
SpringCloud OpenFeign 使用 okhttp 发送 HTTP 请求与 HTTP/2 探索
-
tinymce 号称富文本编辑器世界第一,大家同意么?
-
- 最近发表
-
- 谁说 Vim 不好用?送你一个五彩斑斓的编辑器!
- Python 基础教程 九之cron定时执行python脚本
- RK3588主板Ubuntu 22.04固件刷机后需要进行哪些操作?
- Ubuntu16.04搭建VNC Server远程桌面服务器
- 开源&Docker:何必nextcloud,新晋神级私人云盘,在线office编辑
- Ubuntu系统,常用命令、IP配置等教程
- Ubuntu 24.10安装体验(ubuntu 20.04.1安装教程)
- Zed编辑器:Rust之力,Linux之翼,VS Code劲敌新篇章
- 如何在Ubuntu系统中进行系统级的代理设置
- Linux Vim文本编辑器(linux用vi编辑文本)
- 标签列表
-
- dialog.js (57)
- importnew (44)
- windows93网页版 (44)
- yii2框架的优缺点 (45)
- tinyeditor (45)
- qt5.5 (60)
- windowsserver2016镜像下载 (52)
- okhttputils (51)
- android-gif-drawable (53)
- 时间轴插件 (56)
- docker systemd (65)
- slider.js (47)
- android webview缓存 (46)
- pagination.js (59)
- loadjs (62)
- openssl1.0.2 (48)
- velocity模板引擎 (48)
- pcre library (47)
- zabbix微信报警脚本 (63)
- jnetpcap (49)
- pdfrenderer (43)
- fastutil (48)
- uinavigationcontroller (53)
- bitbucket.org (44)
- python websocket-client (47)