iAPP 开发 教程

iAPP开发-基础(4)·界面和事件

2019-09-30  本文已影响0人  明ZeY

上一章:

iAPP开发-基础(3)·Hello World

在上一章的内容中,我们已经学会了如何打开iApp创建一个工程,并将它打包(成为APK安装文件)安装到我们的Android手机上。

本章我们将仔细讲解上一章提到的界面和事件。

本章你将学会

1.什么是界面

2.界面有什么用

3.如何创建一个界面

3.什么是事件

4.常见的事件

5.利用事件来做一些事情

什么是界面?

界面的定义是,不同的部分或功能的接触面。你可以这样理解,一栋大楼,每一层可以实现不同的功能。把每一层楼横向切开,从上往下看,每一个切面就对应一层,每一个切面就是一个界面,每一个界面实现一个或者一些功能,不同界面可以实现相同或不同的功能,这就是界面。

界面的形象解释

我们来举一个例子。

我们常用的聊天工具,就分为了许多界面。

有聊天界面,联系人界面,设置界面等等。

有些界面又具有层次。

例如,我们要查看聊天记录,我们需要先打开联系人界面,再找到某个人的聊天界面,在转到聊天记录界面。

你可以很明显的感觉到,界面存在的重要性。

我们不可能在同一个界面做完所有的事情,因此我们需要把功能分成多个部分,使用多个界面来完成一系列活动。

界面有什么用?

一、区分不同的功能

刚刚我们已经讲到一些例子。例如文件夹一样的分类各种功能,对单独的一个功能进行Coding或者Debug效率将会更高。

二、更良好的用户体验

如果你的软件开篇就上千种操作和程序放在一起,没有相应的区别和分类,那简直太糟糕了。

如果你的界面看起来简洁,一目了然,必然将更加受到欢迎。

如何创建一个界面?

我们打开IAPP,选择上次我们创建的工程。点击进入然后选择,可视编程设计。

iAPP开发-基础(4)·界面和事件

然后点击左下角的新建

在弹出的窗口当中选择

新建IYU界面

至于其他界面是什么之后我们会解释。

iAPP开发-基础(4)·界面和事件

最后在弹出的窗口中填写界面的名称,名称可以自行命名,尽量使用英文,用驼峰命名法来给你的第一个界面命名。

iAPP开发-基础(4)·界面和事件

点击创建最后在界面侧滑中的

应用所有界面

中即可找到你创建的界面。

iAPP开发-基础(4)·界面和事件

到这里,我们已经成功 创建了一个界面,但这个界面我们还没有做任何的操作,因此它也是空的,连Hello world都没有。

什么是事件?

事件

用户触摸了手机屏幕是一个事件

用户打开APP是一个事件

用户点击了按钮是一个事件

这里我就不太多赘述解释什么是事件了。

常见的事件

我们在写程序的时候,常常会利用各种不同的事件来完成操作。

我们举几个在iapp中编程常见的可用的事件。

打开iapp工程,可视编程设计中找到

界面侧滑,并在应用所有界面栏目中选中初始默认界面mian.iyu

然后在右侧的

控件侧滑中(点击或从右侧拉出)

你可以在最底部找到

界面事件,展开选项,你可以看到非常多的事件。

iAPP开发-基础(4)·界面和事件

我们逐一解释各个事件。

载入事件

当程序载入mian.iyu界面时,会触发该事件

如果是其他界面的载入事件,那么就是其他界面载入时触发。载入不同的界面会分别触发各自的载入事件。

例如我载入A界面,只会触发A的载入事件,并不会触发B的载入事件。

注意:在这个界面事件下的所有类型的事件,都只针对于这个界面。如需设置其他界面的界面事件,需要先在界面侧滑中选中其他界面,再转到界面事件中设置相应的事件。


载入完毕事件

当界面加载完毕时触发,载入事件比载入完毕事件先触发。


菜单事件

当用户尝试打开菜单时触发。

按键按下事件

当用户按下音量键,Home键,返回键时会触发。

界面销毁事件

当前界面被关闭时触发。

Stop停止事件

当用户切换到其他APP的界面或回到系统桌面时触发。

Restart重新开始事件

当用户从其他APP界面或者系统桌面切回时触发

回调结果事件

高级事件,例如当扫码二维码时,成功后会触发该事件

重力感应事件

当手机感受到的XYZ三个方向的重力发生变化时触发。

利用事件来做一些事情

我们刚刚已经了解了许多的界面,接下来我们需要完成一个任务:

我们打开程序后,会立即弹出一个提示,并显示Hello World。

如何完成这个任务呢

首先我们很明确的知道我们需要利用

载入事件

触发来完成这个任务。

那么如何才能提示呢?

使用

tw("Hello World")

即可做到我们想要的效果。

开始写我们的程序吧

找到mian.iyu的界面事件,找到载入事件,在弹出的界面中,写入我们的代码

它看起来像这样

iAPP开发-基础(4)·界面和事件

然后我们返回,使用之前学到的运行来运行我们的程序,或者你可以打包并安装到你的手机上运行试试

iAPP开发-基础(4)·界面和事件
上一篇下一篇

猜你喜欢

热点阅读