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
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,923评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,154评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,775评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,960评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,976评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,972评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,893评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,709评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,159评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,400评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,552评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,265评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,876评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,528评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,701评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,552评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,451评论 2 352

推荐阅读更多精彩内容

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