美文网首页iAPP 开发 教程
iAPP开发-基础(4)·界面和事件

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

作者: 明ZeY | 来源:发表于2019-09-30 16:22 被阅读0次

上一章:

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)·界面和事件

相关文章

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

    上一章: iAPP开发-基础(3)·Hello World 在上一章的内容中,我们已经学会了如何打开iApp创建一...

  • iAPP开发-基础(1)·历史

    在进行iAPP的学习和开发之前,我个人觉得我们需要先对iAPP的历史进行一个较为简单的了解。虽然iAPP和其主要使...

  • iApp_《ilua》速成开发手册3.0

    《ilua》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 1...

  • iApp_《ijs》速成开发手册3.0

    《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...

  • iApp_《裕语言》速成开发手册3.0

    《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...

  • iAPP开发-基础(2)·开发环境

    上一节了解完历史,我们应该开始搭建自己的开发环境了。 本章内容你将学会 1.下载安装iApp开发工具 2.配置iA...

  • iapp手册

    这是一款专为IAPP开发的手册工具。 希望可以方便各位iapp开发者。 下载链接:https://rhtnll.l...

  • iAPP开发-基础(0)·起源

    为了适应读者们的阅读习惯,这里按顺序列出了相关课程的链接 TIP:如果超链接无法点击,即表示该文章正在编写或暂未公...

  • iapp跳转界面

    用法:(输入界面文件名,跳转指定的界面) uigo("abc.iyu") //带参数的跳转 uigo("abc.i...

  • iapp手册

    这是一款专为IAPP开发的手册工具。 希望可以方便各位iapp开发者。 【功能简介】 1.本地手册快速读取 2.独...

网友评论

    本文标题:iAPP开发-基础(4)·界面和事件

    本文链接:https://www.haomeiwen.com/subject/etwbyctx.html