gui设计

转 Python GUI之tkinter窗口视窗教程大集合（看这篇就够了） https://blog.csdn.net/ahilll/article/details/81531587 ****** Tkinter是什么 　　Tkinter 是使用 python 进行窗口视窗设计的模块。Tkinter模块("Tk 接口")是Python的标准Tk GUI工具包的接口。作为 python 特定的GUI界面，是一个图像的窗口，tkinter是python 自带的，可以编辑的GUI界面，我们可以用GUI 实现很多直观的功能，比如想开发一个计算器，如果只是一个程序输入，输出窗口的话，是没用用户体验的。所有开发一个图像化的小窗口，就是必要的。 　　对于稍有GUI编程经验的人来说，Python的Tkinter界面库是非常简单的。python的GUI库非常多，选择Tkinter，一是最为简单，二是自带库，不需下载安装，随时使用，三则是从需求出发，Python作为一种脚本语言，一种胶水语言，一般不会用它来开发复杂的桌面应用，它并不具备这方面的优势，使用Python，可以把它作为一个灵活的工具，而不是作为主要开发语言，那么在工作中，需要制作一个小工具，肯定是需要有界面的，不仅自己用，也能分享别人使用，在这种需求下，Tkinter是足够胜任的！ 　　这篇文章主要做一个简单概述和实践编程

前言 　　经过将近一周的共同努力， HnuLyx 和我终于完成了项目，期间心酸苦辣，受益良多，请允许我一一道来。 问题（需求要求的😂） 　　Q: 如何复用个人项目实现结对编程项目？ 　　A: 个人项目主要是分为 核心的出题程序 和简单的命令交互两个部分，我们在结对编程了调用了出题程序部分的代码，来完成我们的项目。 正文开始... 项目的开始到结束——初体验 一、初见需求 　　我们在看到需求后，首先先标记了需求内的主体需求点，如：GUI界面、用户提供手机号，点击注册将收到一个注册码，用户可使用该注册码完成注册等需求，共同确立了主要方向。我们一致认为， 先完成主要功能，然后添加各种部件以及美化，但是初步GUI的设计框架一定要有一定的可拓展性，可以很好的容纳各种功能部件 。之后，我们在UI设计上，集思广益，共同讨论，完成了如下的草图（包含页面跳转），并且明确了分工：HnuLyx主要负责内部运行算法方面的内容，我主要负责UI美化以及算法与UI拼接部分的工作，再由我们二人共同提出想法，分工完成。 　　值得一提的是，在开始前，我们没有立即着手制作UI以及编写算法，我们先 对Java的UI类进行了重新编写与封装，形成了uiTools的package ，方便复用，减少重复性的代码，极大的减少了工作量；同时，我们还共同注册了 腾讯工蜂 ，以便对想法以及程序缺陷进行管理，制定时间点，里程碑

一、原型分析： 我们根据技术助教的作业要求，初步将界面分为五个，分别是：登录、游戏大厅、游戏、历史战绩、排行总榜。使用GUI Design Studio进行页面设计。下图是我们为这个软件设计的软件图标： 在“登录”界面中，需要做的就是输入用户名、密码，然后点击确认。于是我们在GUI Design Studio中先创建一个新工程保存下来，然后新建一个设计，选择一个对话框，对对话框进行修改，分别填充文字，补充按钮。下图是设计成果： 在“游戏大厅”部分，首先我们创建了一个窗口，然后新增菜单栏，分别有开始、暂停、退出、帮助，开始下设弹出、返回大厅、当前对局、排行总榜、历史战绩、退出登录六个二级菜单。其次设计匹配赛、排行总榜、历史战绩三个按钮。窗口左边的话由于没有什么内容可填充，于是把我们的软件图标放进去加以美化。下图是设计成果： 在“游戏”界面中，窗口的基本操作和“游戏大厅”中的一样，除了在登录界面以外的其他界面中窗口操作都是一样的，下面不再进行赘述。我们采取了3-5-5的排列方式，将13张牌进行对齐，一开始发牌就是已经分为现成的3-5-5的排列方式。下图是设计成果： 在“历史战绩”界面中，我们就粗糙的就行了两列展示，一列是历史对局，历史对局的话，采用时间叙述，年/月/日/时/分，采用24小时计时法，一列是结果，写图是设计成果： 在“排行总榜”界面中，排行总榜同历史战绩一样，都是分两列

这篇文章包含了这个领域的很多开源项目的介绍，还有我多年来的心血和汗水 去年夏天的时候，我 用QT做了一个小工具 后来还 用QT做了流程设计器 我把程序分享给 飞扬青云 之后，他甚至搞出来 一套QT的皮肤 来 说实在的，QT确实挺强大的， 如果你有一个项目，需要跨平台GUI开发，你又有一个C++团队的话， 那么做技术选型的时候，可以负责任的说，QT是不二之选 这时可能有人会提到 GTK+ ， 我想说的是GTK+对windows平台的支撑力度实在是少的可怜 linux的版本已经到了3.16了 ，windows的版本才到3.0.6，整整差10个版本（我这里说的是GTK3） 而且大部分常见的控件在windows上都没有 来看看我在 一个开源项目上踩的坑 吧。 当然还有人可能提到 wxWidgets ，这玩意儿我没有深入研究过 只知道它是在原生图形API上再做的包装，想想windows API搞出来的窗口有多古板，还是算了。 类似的还有 iup ，跟wxWidgets的原理是一样的。 还有人直接用游戏库做GUI程序的，比如 nimx 和 nanovg nimx是基于 SDL2 图形引擎搞出来的GUI框架 我在nimx上踩到两个坑， 其中一个提交pull request给作者 ，作者也认了 第二个坑 就直接把我坑死了。 nanovg是基于 OpenGL 图形引擎搞出来的GUI框架。

（译者注：在看下面的翻译前最好下载一下视频DEMO 推荐！） http://www.jetbrains.com/idea/training/demos/UI_Designer1_Deploy.zip http://www.jetbrains.com/idea/training/demos/UI_Designer2_Deploy.zip http://www.jetbrains.com/idea/training/demos/UI_Designer3_Deploy.zip IDEA’s new innovative GUI designer uses a grid paradigm for the quick and easy creation and maintenance of both complex and simple component layouts. Due to unique byte-code instrumentation techniques your sources will no longer be cluttered with tons of hard-to-maintain GUI-constructing code. IDEA引入个具有革命性的用户界面设计，你可以用表格轻易的创建和维护那些不管是简单的还是复杂的用户界面布局。由于首创 byte

　　在Matlab的命令行窗口，可以直接进行四则运算，也就是加减乘除。这里，我们换一种路径，改在GUI里实现四则运行，如图(1)所示： 图(1) 用Matlab GUI实现四则运算 　　1）打开Matlab，点击工具栏上的【File】–》New–》GUI，命名为：addnum.fig 　　2）在addnum.fig面板里，拖曳6个静态文本TXT控件、6个编辑框EDIT控件、4个按钮，6个EDIT控件的String属性值0，分别设置编辑框、按钮的String属性和Tag属性。如表（1）所示: 　　 表(1) 设置控件的String与Tag属性 String Tag 编辑框a 0 edit_a 编辑框b 0 edit_b 编辑框a+b 0 edit_sum 编辑框a-b 0 edit_sub 编辑框a*b 0 edit_cheng 编辑框a/b 0 edit_chu 按钮[求和] 求和 addNum 按钮[求差] 求差 subNum 按钮[求积] 求积 chengNum 按钮[求商] 求商 chuNum 　　3）编写4个按钮的Callback代码 　　%%addnum.m　 %%相加 function addNum_Callback(hObject, eventdata, handles ) a = str2num( get ( handles .edit_a, 'String'));

在嵌入式系统中通常用的图形用户界面有 ucGUI ， miniGUI ， QT 等。 ucGUI 是嵌入式应用中的图形支持系统。 . 它设计用于为任何使用 LCD 图形显示的应用提供高效的独立于处理器及 LCD 控制器的图形用户接口 , 它适用单任务或是多任务系统环境 , 并适用于任意 LCD 控制器和 CPU 下任何尺寸的真实显示或虚拟显示。 要将 ucGUI 移植到先关的液晶屏上我们首先要了解 ucGUI 的层次结构以及它各个层次之间的相互调用好相互协作关系。关于 GUI 的文件目录以及相关 GUI 层次结构本文不再叙述，详细的资料可以在网上找到。本文着重介绍如何在 Smart ARM2200 开发平台上移植带 ucOS 操作系统的 ucGUI 。 注意：在添加操作系统和 GUI 的时候，开始的工程模板为操作系统的模板！ 1、 进行高层配置 (1) 、 GUI 配置 将 ucGUI 目录下的 config 文件夹中的 GUIConf.h 头文件，将 GUI_OS 配置成 1 ，这样 GUI 才能支持多任务的操作系统。由于开发板没有触摸，所以将 GUI_SUPPORT_TOUCH 配置为 0 。 LCDConf.h 中的文件改为如下： #define LCD_XSIZE (240) /* X-resolution of LCD, Logical coor. */ #define