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

上一章:

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

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

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


本章你将学会

1.什么是界面

2.界面有什么用

3.如何创建一个界面

3.什么是事件

4.常见的事件

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


什么是界面?

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

界面的形象解释

我们来举一个例子。

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

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


有些界面又具有层次。

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


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

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


界面有什么用?

一、区分不同的功能

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

二、更良好的用户体验

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

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


如何创建一个界面?

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

图片发自简书App

然后点击左下角的新建

在弹出的窗口当中选择

新建IYU界面

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

图片发自简书App

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

图片发自简书App

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

应用所有界面

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

图片发自简书App

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



什么是事件?

事件

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

用户打开APP是一个事件

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

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


常见的事件

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

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

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

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

然后在右侧的

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

你可以在最底部找到

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

图片发自简书App

我们逐一解释各个事件。

载入事件

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

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

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

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


载入完毕事件

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


菜单事件

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


按键按下事件

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


界面销毁事件

当前界面被关闭时触发。


Stop停止事件

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


Restart重新开始事件

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


回调结果事件

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


重力感应事件

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


利用事件来做一些事情

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

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

如何完成这个任务呢

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

载入事件

触发来完成这个任务。

那么如何才能提示呢?

使用

tw("Hello World")

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

开始写我们的程序吧

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

它看起来像这样

图片发自简书App

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

图片发自简书App
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,535评论 0 17
  • ¥开启¥ 【直接拨打指定电话】 〖2017-08-21 11:28:06〗 《sit(a, "action","a...
    小菜c阅读 38,495评论 2 26
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1 11
  • ¥开启¥ 【标题栏(ActionBar)】 〖2017-08-06 00:50:39〗 《标题栏(ActionBa...
    小菜c阅读 1,282评论 0 5
  • ¥开启¥ 【iApp官方教程视频】 〖2017-08-21 18:51:48〗 《下载地址:http://pan....
    小菜c阅读 6,171评论 2 8