百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

所见即所得,跨平台快速GUI界面RAD设计

suiw9 2025-03-14 20:32 15 浏览 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平时不用,生成的代码没测试,尚不清楚效果如何。

相关推荐

Apicloud功能模块使用customToast

[toast](#a1)概述customToast弹出一个定时自动关闭的提示框,自定义Toast,自定义提示框颜色、透明度、字体大小、字体颜色、圆角幅度,显示时间;让Toast更完美的融入应用,不...

wxPython - 在程序中使用拖放(wxpython设置滚动条)

实战wxPython系列-052在GUI程序中,拖放是单击虚拟对象并将其拖到不同位置或另一个虚拟对象上的操作(或对该操作的支持)。一般来说,它可用于调用多种类型的操作,或在两个抽象对象之间创建各种类型...

美化Python GUI界面!让你的窗口拥有Win11般的质感 | pywinstyles

1.PythonGUI外观个性化的福音在使用Python开发GUI时,我们经常会使用如Tkinter、PyQt等常见的库,然而这些库的默认界面总显得有些...普通。而如果你想让你的PythonG...

5月BestBuy(5月英文)

Intel处理器排行榜No.1Intel酷睿i511600KF1799元No.2Intel酷睿i511400F1249元No.3Intel酷睿i711700K2899元酷睿i511...

手把手教您使用Python+Flutter开发在线教育系统(上),纯干货!

一、系统架构设计...

Python开发GUI运维工具具体案列(python运维开发做什么)

在Python开发GUI运维工具的具体实践中,不同GUI库的案例各有特色,以下是结合运维场景的典型实现案例及技术方案:一、基础运维工具案例...

开发图形界面Tkinter、wxPython、PyQt、PySide选哪一个?

  学习Python,就不得不提一下Python的图形界面开发,如果只用命令行写程序,用户体验不太好,难以胜任复杂的人机交互场景。Python的图形界面开发库常用的有:Tkinter、wxPython...

wxPython和PyQt谁才是最赞的Python GUI库

Python是一种解释型、面向对象、动态数据类型的高级程序设计语言,PythonGUI图形库允许Python程序员很方便的创建完整的、功能键全的GUI用户界面。作为Python开发者,你迟早都会用到...

wxpython入门第五步(组件)(wxpython怎么用)

Widgets在本节中,我们将介绍wxPython中的基本widgets。每个组件都会有一个小的代码示例。wxPython中有很多不同的组件,包括按钮、复选框、滑块和列表框。wx.Buttonwx....

wxpython简介(python的wxpython)

PythonPython是一种成功的脚本语言,它最初是由GuidovanRossum开发的。它于1991年首次发布。Python的灵感来自于ABC和Haskell编程语言。Python是一种高级...

所见即所得,跨平台快速GUI界面RAD设计

Linux一路走来,界面组件很多,TK、gtk、Qt、wxWidget等。Tk古老而又厚重,不失motif风格,gtk+glade别具特色,Qt轻快时尚,许多语言本身没有gui可用,于是做接口加wra...

Spring Security权限控制系列(二)

环境:Springboot2.4.12+SpringSecurity5.4.9本篇主要内容:请求拦截及自定义登录页面上一篇:《...

Spring整合CXF 发布webservice接口服务器和客户端,WSDL简单解析

在垮平台通讯中有很多的接口方式,这里做个简单的webservice接口。发布webservice接口的方式也多种多样,这里做个基于CXF的webservice接口。首先做点知识储备,javax.jws...

聊聊如何对eureka管理界面进行定制化改造

前言在nacos还未面世之前,eureka基本上就是springcloud全家桶体系注册中心的首选,随着nacos的横空出世,越来越多基于springcloud的微服务项目采用nacos作为注册中心,...

Spring Boot 四大核心组件,你知道几个?

前言...

取消回复欢迎 发表评论: