当前课程知识点：Python程序设计：从通用基础到前沿应用 > 例题 > Ques 11_1 > 第12章 第1讲 图形用户界面程序设计的引入
返回《Python程序设计：从通用基础到前沿应用》慕课在线视频课程列表
返回《Python程序设计：从通用基础到前沿应用》慕课在线视频列表
同学们好
今天我们来学习第12章
图形用户界面
程序设计
我们将分四次课来给大家讲述
图形用户界面
程序设计的方法
首先让我们来认识一个名词
GUI
它是Graphical User Interface的英文缩写
翻译成中文就是图形用户界面
在Python中可以使用很多的GUI工具
其中
TKinter
wxPython
Jython
和IronPython都是比较常用的
我们在这门课上
想为大家介绍WXPython
它简单易用
功能比Tkinter更强
而且是跨平台的
我们既可以在Windows上用
也可以在linux平台下用
要编写图形用户界面程序
首先我们要知道
什么是图形用户界面
除了图形用户界面
还有其他的用户界面吗
回答是肯定的
2000年以后
大多数计算机都使用了图形用户界面
比如Windows操作系统
但是在此之前
一统天下的是命令行界面
比如著名的DOS操作系统
下图就是一个linux的命令行界面的示例
在命令行界面中
用户与计算机的交互
是使用键盘来实现的
下图中输入了两个命令
当我们输入LS再按回车键
表示要求
计算机显示当前路径下的
所有文件和文件夹
再输入CD Downloads
则是要求计算机更改当前路径
到Downloads目录下
命令行界面
需要我们熟悉计算机系统的指令
对于一般的计算机操作者来说
稍显困难
而GUI系统相对来说就直观的多了
下图是一个GUI界面
下面有标签
文本框
下拉列表框
复选框
单选框命令按钮等控件
相信大家对上面的控件都很熟悉
实际上
直到2000年以后
Window95图形界面操作系统
广泛使用以后
计算机才逐渐的为大众所接受
走入了千家万户
GUI的设计方法
我们可以简单的称为搭积木法
我们可以通过下达命令的方式
让计算机来进行设计
也可以通过鼠标拖拽的
可视化操作方式
来安排控件的位置
在本书中
两种方法都有讲述
我们先来看看命令式的设计方法
屏幕下方的灰色区域表示
一块黑板
我们来下达第一条命令
请在黑板上画一个边长为十的正方形
其左下角距黑板左边十厘米
距下边零厘米
按这条指令
计算机在黑板上画出了如下的图案
第二条命令
请在黑板上画一个等边三角形
三角形的边长为十厘米
左下角距黑板左边十厘米
距下边10厘米
这条命令的执行结果是在
刚才的正方形的上方画了一个三角形
最后下达第三条命令
请在黑板上画一个高为六
宽为四的长方形
其左下角距黑板的左边13厘米
距下边零厘米
这条命令则在
大正方形的内部
画了一个小长方形
最后
我们看到三条命令执行的总体效果是
黑板上画出了一座小房子
有门 有顶
这就是命令式的图形用户界面
程序设计
当我们使用这种方法
向计算机下达准确的指令时
计算机执行
接下来大家再看看屏幕右下角的两条指令
一请在黑板上画一个边长为15的正方形
二请在黑板上画一个等边三角形
这两条指令人来执行是可行的
但是不同的人来执行画出的结果会有所不同
我们要让计算机来执行的话
就完全没有办法执行了
因为这些指令呢都不够明确
因此
在使用命令式的GUI程序设计时
我们始终要注意指令的规范性和准确性
大家现在看到的这个例子
是由用户使用鼠标点选拖拽控件
来绘制可视化界面的一个例子
在正式进入GUI设计前
我们还需要给大家讲述一下
GUI程序设计的基础
那就是
窗体在屏幕中的位置的定位
下图是一个屏幕的截图
与几何坐标不同
屏幕左上角的坐标才是坐标原点
也就是零零点
X坐标是从左往右正向增长的
而Y坐标则是从上往下正向增长的
屏幕上有个窗体
该窗体的坐标是一百，两百
表示窗体的左边宽
距X轴的原点一百个单位
窗体的上边框
距Y轴的原点两百个单位
窗体的大小是四百，两百
前者是宽度
后者是高度
下面我们用一个例题
来引入命令式的GUI程序设计
下图是程序运行的结果
我们看到运行时
会出现一个名叫My Frame的窗体
窗体上有一个文本框
当鼠标在窗体中移动时
文本框里会显示鼠标所处位置的
X和Y坐标
程序代码如下
今天我们不对其进行详细介绍
只是想让大家对GUI程序
有一个直观的感受
这个程序总的代码量大概有
二，三十行
代码量不大
但实现的功能还是比较复杂的
好的今天
我们对什么叫GUI程序设计
如何进行GUI程序设计
有了一点点直观的理解
在后面的课程中
我们会带领大家
一步步学习自己动手来编写
GUI程序
-第1讲 解决问题的方法
-第1章 第2讲 框图的使用
-第3讲 顺序程序设计基础知识
--第1章 第3讲 习题
-第二章习题
-第3章 第1讲 习题
-第3章 第2讲 习题
-第四章习题
-第6章 第1讲 习题
-第6章 第2讲 习题
-第6章 第3讲 习题
-第6章 第4讲 习题
-第10章 习题
-第11章第1讲习题
-第11章第2讲习题
-第11章第3讲习题
-第11章第4讲习题
-第12章习题
-第13章 习题
-第14章 习题
-第16章 第1讲 习题
-第17章 习题
