GUI入门教程
- 格式:doc
- 大小:2.17 MB
- 文档页数:42
MATLAB实用教程GUIMATLAB是一种功能强大的数学软件,广泛用于科学和工程领域的数据分析、可视化、建模和仿真。
在MATLAB中,GUI(Graphical User Interface,图形用户界面)是一种用于创建交互式应用程序的工具,可以使用户通过图形化界面来操作和控制程序。
本教程将介绍如何使用MATLAB创建GUI应用程序,包括创建各种控件(按钮、文本框、下拉菜单等)、设计布局、添加回调函数等。
通过学习本教程,您将了解如何利用MATLAB的强大功能和易用的GUI设计工具来创建自己的交互式应用程序。
1.创建GUI应用程序要创建一个GUI应用程序,首先需要打开MATLAB并选择新建GUI应用程序。
在弹出的界面中,可以选择创建一个新的Figure或Panel,然后可以在面板上添加各种控件。
可以通过拖动和放置控件来设计界面布局,然后可以对控件进行自定义设置,比如修改文本内容、颜色、大小等。
2.添加控件MATLAB提供了各种控件,用于实现不同的功能。
常见的控件包括按钮、文本框、下拉菜单、滑块等。
可以通过在界面上拖动和放置这些控件来创建自己的GUI应用程序。
在添加控件时,可以设置控件的属性,比如位置、大小、颜色、文本内容等。
3.设计布局设计布局是创建GUI应用程序的重要部分。
可以通过调整控件的位置、大小和对齐方式来设计一个美观的界面布局。
MATLAB提供了多种布局管理器,比如Grid布局、Box布局、GridBag布局等,可以根据需要选择合适的布局方式来设计界面。
4.编写回调函数回调函数是GUI应用程序的关键部分,用于响应用户的操作。
可以为每个控件添加回调函数,当用户操作控件时,回调函数将被触发。
可以在回调函数中实现各种功能,比如计算结果、数据处理、图形绘制等。
通过编写回调函数,可以实现程序的交互性和实用性。
5.运行应用程序创建GUI应用程序后,可以点击“运行”按钮来运行应用程序。
在运行过程中,可以与界面上的控件进行交互,触发回调函数并实现相应功能。
windows窗体程序教程Windows窗体程序是一种用于开发图形用户界面(GUI)应用程序的技术。
这种技术使用Windows操作系统提供的窗体控件,允许开发人员创建各种各样的交互式应用程序。
本文将向您介绍Windows窗体程序的基本概念和创建过程。
首先,我们需要了解几个概念。
Windows窗体是一个可视化的区域,用于显示应用程序的用户界面。
它可以包含按钮、文本框、标签等各种控件,以及用于布局和组织控件的容器,如面板和表格布局。
通过使用这些控件和布局容器,开发人员可以创建出具有各种功能和交互性的窗体应用程序。
在创建Windows窗体应用程序之前,我们需要安装并配置开发环境。
通常,Windows窗体应用程序是使用Visual Studio IDE来开发的。
Visual Studio是一个强大的集成开发环境,可以提供可视化的设计和调试功能,以及许多其他有用的工具和功能。
在Visual Studio中创建Windows窗体应用程序非常简单。
我们只需要打开Visual Studio,选择“新建项目”选项,在“Visual C#”或“Visual Basic”类别下选择“Windows Forms应用程序”,然后按照向导的指导完成项目的创建。
在创建过程中,我们可以选择项目的名称和位置,以及其他一些项目设置。
创建项目后,Visual Studio将自动生成一个默认的窗体文件,其中包含应用程序的初始窗体。
我们可以通过在窗体设计器中对窗体进行布局和设计,添加所需的控件和组件。
VisualStudio提供了可视化的设计界面,可以轻松拖放和调整控件的位置和大小。
通过使用工具箱中的控件,我们可以快速创建出各种各样的用户界面。
一旦窗体的布局和设计完成,我们就可以开始编写窗体的逻辑代码了。
Windows窗体程序使用事件驱动的编程模型,即通过处理控件的事件来响应用户的操作。
我们可以为控件的各种事件(如点击按钮、文本框内容更改等)编写自定义的事件处理方法,用于执行相应的功能操作和逻辑处理。
pyqt5&python Gui入门教程(1)第一个窗口(1)第一个窗口和代码详细注释:from PyQt5 import QtWidgets#从PyQt库导入QtWidget通用窗口类class mywindow(QtWidgets.QWidget):#自己建一个mywindows类,以class开头,mywindows是自己的类名,#(QtWidgets.QWidget)是继承QtWidgets.QWidget类方法,# 定义类或函数不要忘记':'符号,判断语句也必须以':'结尾!def __init__(self):#def是定义函数(类方法)了,同样第二个__init__是函数名# (self)是pyqt类方法必须要有的,代表自己,相当于java,c++中的this #其实__init__是析构函数,也就是类被创建后就会预先加载的项目super(mywindow,self).__init__()#这里我们要重载一下mywindows同时也包含了QtWidgets.QWidget的预加载项import sysapp = QtWidgets.QApplication(sys.argv)#pyqt窗口必须在QApplication方法中使用,#要不然会报错 QWidget: Must construct a QApplication before a QWidget windows = mywindow()# 生成过一个实例(对象), windows是实例(对象)的名字,可以随便起!# mywindows()是我们上面自定义的类windows.show()#有了实例,就得让他显示这里的show()是QWidget的方法,用来显示窗口的!sys.exit(app.exec_())#启动事件循环pyqt5&python Gui入门教程(2)第一个窗口(2)上图是第一篇教程,下面的显示效果都一样,我们来看看有什么不同1、类的名字、实例的名字都换了,2、多了一个if __name__ == "__main__": 以及下面的代码缩进了,层次改变了1、我们把结尾的5句代码,单独建立了一个函数2、然后直接调用函数3、注意两个def的缩进,第一个def缩进了代表是在class里面,第二个和class平齐,则是在外面。
快速入门Matlab GUI编程Matlab是一种功能强大的数值计算与数据可视化软件,广泛应用于科学研究与工程领域。
GUI编程,即图形用户界面编程,允许用户通过直观的图形界面与程序进行交互,而不需要在命令行中输入指令。
本文将介绍如何快速入门Matlab GUI 编程,并通过一些实例来演示其基本用法。
1. GUI的基本概念与创建方式GUI,全称为Graphical User Interface,即图形用户界面,它提供了一种直观友好的交互方式。
在Matlab中,可以使用GUIDE工具箱来创建GUI界面。
打开Matlab界面,点击主菜单中的“Apps”选项,然后选择“GUIDE”工具箱。
接下来,可以选择创建空白界面或者从现有的模板中选择合适的界面。
2. GUI的基本组件与布局管理在GUI界面中,可以添加各种组件,如按钮、文本框、滑动条等,来实现与用户的交互。
Matlab提供了丰富的组件库,可以根据需要进行选择和使用。
在GUIDE工具箱中,可以通过简单的拖拽和放置来添加组件,然后使用布局管理器对它们进行合理的排列和布局。
3. 事件与回调函数GUI编程中,事件是指用户在界面上所进行的操作,如点击按钮、拖动滑动条等。
每个事件都会触发一个相应的回调函数,用于处理相应的操作逻辑。
在Matlab中,可以通过GUIDE工具箱中的回调编辑器来创建和编辑回调函数。
回调函数可以是Matlab代码脚本,也可以是自定义的函数。
4. 数据传递与处理在GUI编程中,通常需要将用户输入的数据传递给后台的计算模块,并将计算结果返回给界面进行展示。
为了实现数据的传递与处理,可以使用全局变量、共享数据对象或者消息传递等方式。
Matlab提供了丰富的数据处理函数和工具,可以方便地进行数据处理与分析。
5. 图形绘制与可视化Matlab作为一种数据可视化软件,提供了丰富的绘图函数和工具,可以轻松地创建各种图形。
在GUI界面中,可以通过绘图函数将计算结果以图形的形式显示出来,并通过交互操作来进行进一步的探索和分析。
VS2010之GUI编程入门到精通教程1. 简介本教程将帮助你从入门到精通掌握使用VS2010进行GUI编程。
我们将介绍如何利用VS2010提供的工具和功能来创建交互式的图形用户界面应用程序。
2. 安装和设置首先,你需要确保已成功安装和设置了VS2010开发环境。
请按照官方指南执行安装步骤,并确保已正确配置环境变量和相关设置。
3. 创建新项目在VS2010中,创建新的GUI项目非常简单。
在菜单栏中选择“文件 > 新建 > 项目”,然后在项目模板中选择“Windows窗体应用程序”。
接下来,选择项目的名称和位置,并点击“确定”按钮。
4. 界面设计VS2010提供了强大的可视化界面设计工具,可帮助你设计和布局应用程序的用户界面。
你可以从工具箱中拖拽控件(如按钮、文本框、标签等)到窗体上,并调整它们的属性和位置。
5. 事件处理在GUI编程中,事件是非常重要的。
VS2010提供了事件处理机制,使你能够对用户操作作出响应。
你可以通过双击控件或通过属性窗口来访问事件处理代码,并在相应的事件处理函数中编写自定义的代码。
6. 调试和测试在开发过程中,调试和测试是至关重要的。
VS2010提供了强大的调试功能,包括断点调试、变量查看和单步执行等。
你可以通过菜单栏中的“调试”选项来访问这些功能,并确保应用程序的正确性和稳定性。
7. 发布和部署当应用程序开发完成后,你需要将其发布和部署到目标计算机上。
VS2010提供了便捷的发布功能,可以将应用程序编译为可执行文件,并自动处理相关的依赖项和配置。
8. 进阶技巧和资源除了基本的GUI编程知识,你还可以进一步研究和掌握一些进阶技巧和资源,例如利用多线程实现异步操作、使用第三方库和控件等。
在互联网上,有许多教程和资源可供研究和参考。
以上是关于使用VS2010进行GUI编程的简要介绍。
通过研究本教程,你将能够从入门到精通掌握这一领域,并开发出漂亮、强大且易于使用的GUI应用程序。
GUI入门教程范文GUI(Graphical User Interface,图形用户界面)是一种以图形方式显示信息并与用户进行交互的界面。
相比于传统的命令行界面,GUI界面更为直观、易用,因此在软件开发中得到了广泛的应用。
在本文中,将为您介绍GUI的基本概念和入门教程。
一、GUI的基本概念1. 窗口(Window):GUI界面的基本单元,承载用户交互和信息显示功能。
窗口可以包含按钮、文本框、复选框等控件。
3. 事件(Event):用户在GUI界面上的操作,例如点击按钮、输入文本等都被称为事件。
开发人员需要通过编程来处理这些事件,以实现相应的功能。
4. 布局(Layout):控制控件在窗口中的位置和大小的方式。
常用的布局方式有绝对布局、流式布局和网格布局等。
二、GUI入门教程1. 选择合适的GUI库:在选择GUI库时,需要根据开发语言和应用场景来进行选择。
常见的GUI库有Java的Swing和JavaFX,Python的Tkinter和PyQt,C#的Windows Forms和WPF,以及C++的Qt等。
本教程以Python的Tkinter库为例进行介绍。
2. 创建窗口:首先,需要导入Tkinter库,并创建一个顶级窗口对象。
代码如下:```pythonfrom tkinter import Tk#创建顶级窗口对象window = Tk#设置窗口标题window.title("My GUI")#显示窗口window.mainloop``````pythonfrom tkinter import Tk, Button, Label#创建顶级窗口对象window = Tk#设置窗口标题window.title("My GUI")#创建按钮控件button = Button(window, text="Click Me!") label = Label(window, text="Hello, GUI!") #将控件添加到窗口中button.packlabel.pack#显示窗口window.mainloop```4. 布局控制:通过调整布局方式和控件的属性,可以实现控件在窗口中的位置和大小的调整。
目录第一部分GUI DESIGN STUDIO快速入门 (3)第一章环境简介 (3)1. 工程面板 (3)2. 元素面板 (4)3. 图标面板 (5)4. 注释面板 (6)5. 故事板面板 (7)6. 备注面板 (8)第二章窗口设计 (9)1. 创建工程 (9)2. 创建对话框 (10)3. 创建应用程序窗口 (12)4. 创建文档窗口 (14)5. 创建"Edit Task"对话框 (16)6. 放置屏幕截图 (17)第三章窗口交互 (19)1. 添加故事看板 (19)2. 添加导航功能 (20)3. 添加文件打开标准对话框 (23)4. 添加菜单功能 (26)第二部分GUI DESIGN STUDIO功能介绍 (28)第一章使用图片 (28)1. 导出设计文档 (28)2. 使用图片 (29)第二章使用组件 (30)1. 使用设计文档作为普通组件 (30)2. 使用设计文档作为组件缩略图 (31)3. 使用设计文档作为定制组件 (32)第三章使用模板 (33)1. 基于模板创建工程 (33)2. 向工程中插入模板 (34)第四章网页程序设计 (35)1. 使用图片和文字占位符 (35)2. 创建网页的头部和尾部 (36)3. 创建动态内容 (36)4. 鼠标事件 (37)5. "前进"和"后退"切换 (39)第一部分 GUI Design Studio快速入门第一章环境简介1. 工程面板使用工程面板可以访问工程所有设计文档和图片文件。
在这里你可以快速做如下事情:1)创建新的工程目录来组织文件。
2)创建新的设计文档。
3)复制已有的设计文档。
4)从剪贴板上粘贴图片生成图片文件。
5)加入其它工程和文件夹的链接,以访问它们的所有设计文档和图片文件。
特别适用于使用库工程的公共组件或使用存在别处图片的情况。
6)当你选择了列表中的工程或文件夹时候,其对应的文件树将出现在下方。
gui教程图形用户界面(Graphical User Interface,简称GUI)是一种用户界面,通过图形化的方式给用户展示信息和实现交互操作。
相对于传统的命令行界面,GUI更加直观和易于操作,广泛应用于各种软件和系统中。
本文将介绍GUI的基本原理和用法,希望对初学者有所帮助。
首先,GUI的基本原理是通过图形化的界面元素,如按钮、文本框、菜单等,来展示和接收用户的操作。
用户可以通过鼠标点击、键盘输入等方式与界面进行交互。
GUI的主要优点是直观和可视化,使用户更容易理解和掌握软件的功能和操作方式。
在GUI的设计中,需要考虑到界面的布局、颜色、字体等各个方面。
一个好的GUI设计应该具备简洁、美观、易用的特点,同时要符合用户的习惯和预期。
一般来说,GUI的设计需要结合软件的功能和用户的需求进行综合考虑。
在实际应用中,GUI的开发可以采用各种编程语言和开发工具。
常见的GUI开发工具有Visual Studio、Eclipse、Qt等。
这些工具提供了丰富的库和组件,可以方便地创建各种界面元素,并进行布局和交互设置。
在GUI的开发中,需要掌握一些基本的概念和技巧。
比如,掌握界面元素的创建和设置方法,了解布局管理器的使用,熟悉事件处理和消息传递机制。
此外,还需要学习一些UI设计的原则和技巧,如色彩搭配、字体选择、图标设计等。
总结一下,GUI是一种直观和易用的用户界面,广泛应用于各种软件和系统中。
GUI的开发需要掌握一些基本的概念和技巧,如界面元素的创建和设置、布局管理器的使用、事件处理和消息传递机制等。
希望本文能够对初学者了解GUI有所帮助。
G U I入门教程(总38页)--本页仅作为文档封面,使用时请直接删除即可----内页可以根据需求调整合适字体及大小--学习本教程的目的:学会用matlab gui设计用户界面,并编写响应程序。
一、GUI基础知识图形用户界面(Graphical User Interfaces ,GUI )则是由窗口、光标、按键、菜单、文字说明等对象(Objects)构成的一个用户界面。
用户通过一定的方法(如鼠标或键盘)选择、激活这些图形对象,使计算机产生某种动作或变化,比如实现计算、绘图等。
Matlab中设计图形用户界面的方法有两种:使用可视化的界面环境和通过编写程序。
本教程主要通过使用可视化的界面环境来实现GUI界面的设计启动matlab的GUI界面在matlab主界面的菜单栏File中New下的GUI,如图1所示图1单击GUI后会出现如图2界面图2Matlab为GUI设计一共准备了4种模板,分别是:Blank GUI(Default)(空白模板,默认);GUI with Uicontrols(带控件对象的GUI模板);GUI with Axes and Menu(带坐标轴与菜单的GUI模板);Modal Question Dialog(带模式问题对话框的GUI模板)。
我们入门时经常会使用第一个模板,即Blank GUI(空白模板)。
单击图2中的ok会出现下图界面(图3)图3图形用户界面GUI设计窗口由菜单栏、工具栏、控件工具栏以及图形对象设计区等4个功能区组成。
菜单栏:GUI设计窗口的菜单栏有File、Edit、View、Layout、Tools和Help 6个菜单项,使用其中的命令可以完成图形用户界面的设计操作。
工具栏:编辑工具在菜单栏的下方,提供了“编程”时常用的工具,例如可以进行保存、撤销、运行等等操作。
控件工具栏:各个模块位于窗口的左半部分,提供了设计GUI 过程中所用的用户控件;了解各个模块(用户控件)的用途和作用对GUI的设计起到比较大的作用。
图形对象设计区:该区域是网格形式的用户设计GUI的空白区域,可以把用户控件做到区域里。
对matlab菜单栏中部分内容的解释◆布局编辑器(Layout Edtor)——在图形窗口中创建及布置图形对象。
布局编辑器是可以启动用户界面的控制面板,LayoutEdtor用于从控件选择板上选择控件对象并放置到布局区去,布局区被激活后就成为图形窗口。
◆菜单编辑器(Menu Editor)——创建、设计、修改下拉式菜单和快捷菜单;◆对象浏览器(Object Browser)——用于获得当前Matlab图形用户界面程序中的全部对象信息,对象的类型,同时显示控件的名称和标识,在控件上双击鼠标可以打开该控件的属性编辑器;◆属性查看器(Property Inspector)—查询并设置属性值;同图4◆Tab顺序编辑器(Tab Order Editor)——用于设置当用户按下键盘上的Tab键时,对象被选中的先后顺序。
◆M-文件编辑器(M-file Editor)—用于编辑控件对象的回应函数,在该m-文件中编程,既可把各个控件对象联系在一起,来实现想要实现的功能。
控件工具①按钮(Push Buttons):执行某种预定的功能或操作(左二)②单选框(Radio Button):单个的单选框用来在两种状态之间切换,多个单选框组成一个单选框组时,用户只能在一组状态中选择单一的状态,或称为单选项;(左三)③文本编辑器(Editable Texts):用来使用键盘输入字符串的值,可以对编辑框中的内容进行编辑、删除和替换等操作;(左四)④弹出式菜单(Popup Menus):让用户从一列菜单项中选择一项作为参数输入;(左五)⑤开关按钮(Toggle Button):产生一个动作并指示一个二进制状态(开或关),当鼠点击它时按钮将下陷,并执行callback(回调函数)中指定的内容,再次点击,按钮复原,并再次执行callback 中的内容;(左六)⑥坐标轴(Axes):用于显示图形和图象。
(左七)⑦滚动条(Slider):可输入指定范围的数量值(右一)⑧复选框(Check Boxes):单个的复选框用来在两种状态之间切换,多个复选框组成一个复选框组时,可使用户在一组状态中作组合式的选择,或称为多选项;(右二)⑨静态文本框(Static Texts):仅用于显示单行的说明文字(右三)⑩列表框(List Boxes):在其中定义一系列可供选择的字符串;(右四)控件对象的公共属性双击模块(控件对象)就会进入一个属性设置与修改的区域,如下图(图4)所示,通过修改一些参数,就可以改变模块的外在形式。
图4控件对象公共属性:Children 取值为空矩阵,因为控件对象没有自己的子对象;◆Parent取值为某个图形窗口对象的句柄,该句柄表明了控件对象所在的图形窗口;◆Tag取值为字符串,定义了控件的标识值,在任何程序中都可以通过这个标识值控制该控件对象;◆Type 取值为uicontrol,表明图形对象的类型;◆UserDate取值为空矩阵,用于保存与该控件对象相关的重要数据和信息;◆Visible取值为on 或off。
◆BackgroundColor取值为颜色的预定义字符或RGB数值;缺省值为浅灰色;◆Callback取值为字符串,可以是某个M文件名或一小段Matlab语句,当用户激活某个控件对象时,应用程序就运行该属性定义的子程序;◆Enable取值为on(缺省值),inactive和off;◆Extend取值为四元素矢量[0, 0, width, height],记录控件对象标题字符的位置和尺寸;◆ForegroundColor取值为颜色的预定义字符或RGB数值,该属性定义控件对象标题字符的颜色;缺省值为黑色;◆Max,Min取值都为数值,缺省值分别为1和0;◆String取值为字符串矩阵或块数组,定义控件对象标题或选项内容;◆Style取值可以是pushbutton(缺省值), radiobutton, checkbox,edit, text, slider, frame, popupmenu 或listbox;◆Units取值可以是pixels (缺省值), normalized(相对单位),inches, centimeters(厘米)或points(磅);◆Value取值可以是矢量,也可以是数值,其含义及解释依赖于控件对象的类型。
◆FontAngle取值为normal(正体,缺省值), italic(斜体),oblique(方头);◆FontName取值为控件标题等字体的字库名;◆FontSize取值为数值;◆FontUnits取值为points(缺省值), normalized, inches,centimeters或pixels;◆FontWeight取值为normal(缺省值), light,demi和bold,定义字符的粗细;◆HorizontalAligment取值为left,center (缺省值)或 right,定义控件对象标题等的对齐方式。
◆ListboxTop取值为数量值,用于listbox控件对象;◆SliderStep取值为两元素矢量[minstep,maxstep],用于slider控件对象;◆Selected取值为on 或off(缺省值);◆SlectionHoghlight取值为on 或off(缺省值)。
◆BusyAction取值为cancel或queue(缺省值);◆ButtDownFun取值为字符串,一般为某个M文件名或一小段Matlab程序;◆Creatfun 取值为字符串,一般为某个M文件名或一小段Matlab程序;◆DeletFun取值为字符串,一般为某个M文件名或一小段Matlab程序;◆HandleVisibility取值为on(缺省值), callback或off;◆Interruptible取值为on 或off(缺省值)。
设计时用到某个参数,到这里查找即可讲到这里,问大家一个问题:为什么要在matlab中创建GUI用户界面?这是一个很好的问题,简单的回答是可能并不需要.使用MATLAB 来分析数据,求解问题,绘制结果的绝大多数的人,并不会发现GUI 工具很有用。
但是,GUI 可以在MATLAB中生成非常有效的工具和应用程序,或是建立演示工作的交互式界面。
生成用户图形界面的最常见的理由:•编写一个需多次反复使用的实用函数,菜单、按钮、文本框作为输入方法具有意义;•编写函数或开发应用程序供别人使用;•创建一个过程、技术或分析方法的交互式示例;•认为GUI 的简洁,性能良好,并且想自己尝试一下。
•可以使不懂编程的人在可视化窗口界面下轻松地完成某个特定功能。
图形用户界面的设计原则和一般步骤1 设计原则由于要求不同,设计出来的界面也千差万别。
但是,自从人们开始设计图形界面以后,界面设计的评判标准却没有太大的变化。
简单说来,一个好的界面应遵循以下三个原则:简单性(Simplicity)、一致性(Consistency )及习常性(Familiarity)。
(1)简单性设计界面时,应力求简洁、直接、清晰地体现出界面的功能和特征。
那些可有可无的功能,应尽量删去,以保持界面的整洁。
设计的图形界面要直观,为此应多采用图形,而间量避免数值。
设计界面应间量减少窗口数目,力避在不同窗口之间进行来回切换。
(2)一致性所谓一致性有两层含义:一是读者自己开发的界面风格要尽量一致;二是新设计的界面要与其他已有的界面的风格不要截然向左。
这是因为用户在初次使用新界面时,总习惯于凭借经验进行试探。
比如说,图形显示区常安排在界面的左半边,而按键等控制区被排在右侧。
(3)习常性设计界面时,应尽量使用人们所熟悉的标志与符号。
用户可能并不了解新界面的具体含义及操作方法,但他完全可以根据熟悉标志作出正确猜测,自学入门。
(4)其他考虑因素除了以上对界面的静态要求外,还应注意界面的动态性能。
如界面对用户操作的响应要迅速(Immediate) 、连续(Continous);对持续时间较长的运算,要给出等待时间提示,并允许用户中断运算。
2 一般制作步骤界面制作包括界面设计和程序实现。
具体制作步骤如下:(1)分析界面所要求实现的主要功能,明确设计任务;(2)在稿纸上绘出界面草图,并站在使用者的角度来审查草图;(3)按构思的草图,上机制作静态界面,并检查之;(4)编写界面动态功能的程序,对功能进行逐项检查。
基础知识讲到这里,下面来看一下具体实例二、具体实例(一)统计鼠标的单击次数1、按照前面步骤,打开一个GUI空白界面。
2、在空白页放入push putton和static text,如下图所示。