美文网首页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)·界面和事件

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