如何打造属于你自己的App？——GUI界面编写
发表时间：2023-09-11 09:00:56
文章来源：炫佑科技
浏览次数：214
菏泽炫佑科技
如何打造属于你自己的App？——GUI界面编写
它是一个功能强大的软件。 我们不仅可以通过编写代码来实现各种功能，还可以利用它的GUI（User）界面，让我们编写的程序通过图形直观地输出。 接下来我通过一个简单的例子简单介绍一下GUI界面的编写过程，并封装生成exe文件。 即使不打开也可以独立运行，真正创建自己的App。
首先，让我们创建一个新的 GUI 界面。 我们可以通过在命令行窗口中输入guide来打开新的GUI界面，或者点击>新建>应用程序>GUIDE来打开新的GUI界面的窗口，如下图
已保存
创建新的空GUI后，会弹出一个窗口，如下图
可以看到界面左侧有很多小图标。 这些就是GUI中的控件以及我们想要操作的对象。 不同的控件有不同的功能，包括仅显示文本的文本框、可编辑的文本框、按钮等。 我就不一一介绍了。 这里只介绍几个简单常用的控件，如下图所示。
图中列出了几个简单且常用的控件。 我们将从上到下介绍它们。
按钮：顾名思义，就像生活中的按钮一样，按下即可实现某些功能。 我们在GUI中的很多操作都可以通过点击按钮来完成。 可编辑文本：正如您从字面上看到的，该文本框中的内容是可以编辑的。 静态文本：不可编辑的文本，通常用于描述某些控件。 弹出菜单：操作时会弹出我们预先设置的选项供我们选择。 坐标轴：这个可以理解为用来显示图片和绘图的界面部分。
下一步是如何在 GUI 中操作这些控件。 在这之前，我们首先要了解一下我们可以操作控件的哪些内容（即控件的属性）。控件有哪些属性呢？ 让我们以可编辑文本为例。 当我们新建一个可编辑文本，双击该控件时，就会弹出下图所示的界面。
界面左侧是可编辑文本框各属性的名称，如字体大小、字体颜色、''等，右侧对应的是属性的值或内容。 我们可以直接编辑它，也可以通过这里的代码进行编辑。 同样，我们也可以通过代码获取控件的各种属性。 正是基于此我们可以通过GUI来实现各个控件的联动，从而达到我们想要达到的效果。 在属性界面中，要特别注意图中红框标注的部分，如下图所示。
表示控件显示的文本，Style是控件的类型，Tag表示控件的名称。 在编写代码时，我们通常使用set语句来设置控件的属性，或者使用get来获取控件的属性。 下面我们用一个简单的例子来演示GUI界面的编写过程。
如今，房价越来越贵。 人们买房的时候，很少有人会全额取出买房。 贷款买房是大多数人的选择。 但借款时不同的利率、不同的还款方式、贷款金额、年限等都会影响我们*终的还款金额。 那么我们这里就用GUI界面来制作一个贷款App。考虑到贷款需要考虑的因素，我们可以设计如下GUI界面
红框使用静态文本来指示左侧文本对应的内容，绿框使用可编辑文本。 我们可以在运行GUI界面的时候改变里面的内容。蓝色的是
弹出的菜单对应的是我们在其属性中设置的还款方式（等额本金和等额本息）。
如下所示：
其中每一行代表一个期权，我们对应的分别是等额本金和等额本息。 黄框是轴控件，用来显示我们贷款后每月的还款金额。 紫色框内使用的是按钮控件。 我们期望的结果是，输入所有参数并点击按钮后，轴上会显示每月还款金额，底部会输出我们要支付的总利息。 。 对于可编辑的控件，当我们使用鼠标右键独立时，会弹出一个对话框。 我们可以在“查看回调”对应的下拉选项中选择一种编程来实现该功能。 *常用的是. 例如，在我们的示例中，如果我们想左键单击“计算”按钮并在界面上输出贷款结果，我们可以右键单击计算按钮软件制作，然后在回调中单击“查看”来创建“计算”按钮控件。 打回来。 如下所示：
点击后会出现一个代码框，如下图
图中的(~,~)是‘计算’按钮的回调函数。 由于我之前没有更改过计算按钮的Tag属性（即控件的ID），所以这里的实际情况是，当我们将表格属性Tag更改为时，那么显示就变成了如下图
然后我们就可以在里面输入代码来实现我们想要的功能了。 在我们的例子中，整个GUI只需要写在这里。 具体代码如下：
=get(.,'Value');%通过读取控件Value获取贷款方法
r=(get(.,''))*…%换行符
(1(get(.,''))/100)/1200;%获取并计算月利率
=get(.,'');%获取贷款银行
H=(get(.,''))*12;%获取贷款期数
P=(get(.,''));
轴(.axes1);
情况 1% 等额本金
对于 M=1:H
A(M)=P*10000/H (1-(M-1)/H)*P*r*10000;%等额本金计算公式
结尾
情节（[1：H]，A）
% ylim([*小值(A)-500 *大值(A) 500]);
xlim([0 H]);
标题（）;
('每月还款金额(元)');
('还款月份');
情况 2% 本息相等
对于 M=1:H
A(M)=P*10000*r*((1r)^H/((1r)^H-1));
结尾
情节（[1：H]，A）
xlim([0 H]);
标题（）
('每月还款金额(元)');
('还款月份');
结尾
L=(sum(A)-P*10000)/10000;%计算总利息
set(.,'',(L));%在文本框lixi中显示总兴趣
对于新手来说，一定要注意.xxx。 这里的xxx对应的是各个控件的Tag。 此外如何打造属于你自己的App？——GUI界面编写，我们还需要注意数据的属性。 显示的都是字符类型。 我们直接从控件读取的是字符类型。 我们需要使用or函数将其转换为可以计算的数值类型。 同样，当我们通过代码设置控件的''属性时，需要将计算出的数字转换为字符类型后才能使用。
一切完成后，我们点击保存并命名。然后我们可以看到保存了两个文件，如下图
分别是m文件和fig文件，分别对应代码文件和图形界面文件。 这两个文件相互链接。 如果我们要运行我们刚刚写的GUI，这两个文件是必不可少的。
当这两个文件在工作路径中时，我们可以双击fig文件打开GUI或者双击m文件，然后点击编辑器中的“运行”按钮打开GUI。打开后的界面如下图
如果我们选择工商银行贷款，贷款金额100万元，贷款期限30年，年利率4.9%，利率上浮20%。那么计算的还款图使用等额本金和等额本金和利息如下所示。
*后我们将准备好的GUI界面封装成exe文件独立运行。
我们可以在命令行窗口中输入这段代码或者通过>App>打开。打开后如下图所示
选择.m文件后，我们还可以自己设置App图标和各种软件信息，如下图
输出有两种，一种是较小的文件，运行时需要额外安装一些软件（已经安装的则不需要），另一种是大文件，可以完全独立运行（无需安装）。 这里我们选择*小的一个，然后点击封装生成一个EXE文件。 然后找到生成的文件路径，双击打开新生成的文件夹，也可以开始贷款计算了。 此时您不需要运行它！
