iAPP開發(fā)-基礎(chǔ)(4)·界面和事件

上一章:

iAPP開發(fā)-基礎(chǔ)(3)·Hello World

在上一章的內(nèi)容中辆飘,我們已經(jīng)學(xué)會了如何打開iApp創(chuàng)建一個工程耘成,并將它打包(成為APK安裝文件)安裝到我們的Android手機(jī)上。

本章我們將仔細(xì)講解上一章提到的界面和事件艳狐。


本章你將學(xué)會

1.什么是界面

2.界面有什么用

3.如何創(chuàng)建一個界面

3.什么是事件

4.常見的事件

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


什么是界面?

界面的定義是定硝,不同的部分或功能的接觸面。你可以這樣理解毫目,一棟大樓蔬啡,每一層可以實(shí)現(xiàn)不同的功能。把每一層樓橫向切開镀虐,從上往下看箱蟆,每一個切面就對應(yīng)一層,每一個切面就是一個界面刮便,每一個界面實(shí)現(xiàn)一個或者一些功能空猜,不同界面可以實(shí)現(xiàn)相同或不同的功能,這就是界面诺核。

界面的形象解釋

我們來舉一個例子抄肖。

我們常用的聊天工具久信,就分為了許多界面窖杀。

有聊天界面,聯(lián)系人界面裙士,設(shè)置界面等等入客。


有些界面又具有層次。

例如腿椎,我們要查看聊天記錄桌硫,我們需要先打開聯(lián)系人界面,再找到某個人的聊天界面啃炸,在轉(zhuǎn)到聊天記錄界面铆隘。


你可以很明顯的感覺到,界面存在的重要性南用。

我們不可能在同一個界面做完所有的事情膀钠,因此我們需要把功能分成多個部分掏湾,使用多個界面來完成一系列活動。


界面有什么用肿嘲?

一融击、區(qū)分不同的功能

剛剛我們已經(jīng)講到一些例子。例如文件夾一樣的分類各種功能雳窟,對單獨(dú)的一個功能進(jìn)行Coding或者Debug效率將會更高尊浪。

二、更良好的用戶體驗(yàn)

如果你的軟件開篇就上千種操作和程序放在一起封救,沒有相應(yīng)的區(qū)別和分類拇涤,那簡直太糟糕了。

如果你的界面看起來簡潔誉结,一目了然工育,必然將更加受到歡迎。


如何創(chuàng)建一個界面?

我們打開IAPP搓彻,選擇上次我們創(chuàng)建的工程如绸。點(diǎn)擊進(jìn)入然后選擇,可視編程設(shè)計(jì)旭贬。

圖片發(fā)自簡書App

然后點(diǎn)擊左下角的新建

在彈出的窗口當(dāng)中選擇

新建IYU界面

至于其他界面是什么之后我們會解釋怔接。

圖片發(fā)自簡書App

最后在彈出的窗口中填寫界面的名稱,名稱可以自行命名稀轨,盡量使用英文扼脐,用駝峰命名法來給你的第一個界面命名。

圖片發(fā)自簡書App

點(diǎn)擊創(chuàng)建最后在界面?zhèn)然械?/p>

應(yīng)用所有界面

中即可找到你創(chuàng)建的界面奋刽。

圖片發(fā)自簡書App

到這里瓦侮,我們已經(jīng)成功 創(chuàng)建了一個界面,但這個界面我們還沒有做任何的操作佣谐,因此它也是空的肚吏,連Hello world都沒有。



什么是事件?

事件

用戶觸摸了手機(jī)屏幕是一個事件

用戶打開APP是一個事件

用戶點(diǎn)擊了按鈕是一個事件

這里我就不太多贅述解釋什么是事件了狭魂。


常見的事件

我們在寫程序的時候罚攀,常常會利用各種不同的事件來完成操作。

我們舉幾個在iapp中編程常見的可用的事件雌澄。

打開iapp工程斋泄,可視編程設(shè)計(jì)中找到

界面?zhèn)然?/b>,并在應(yīng)用所有界面欄目中選中初始默認(rèn)界面mian.iyu

然后在右側(cè)的

控件側(cè)滑中(點(diǎn)擊或從右側(cè)拉出)镐牺。

你可以在最底部找到

界面事件炫掐,展開選項(xiàng),你可以看到非常多的事件睬涧。

圖片發(fā)自簡書App

我們逐一解釋各個事件募胃。

載入事件

當(dāng)程序載入mian.iyu界面時沛厨,會觸發(fā)該事件

如果是其他界面的載入事件,那么就是其他界面載入時觸發(fā)摔认。載入不同的界面會分別觸發(fā)各自的載入事件逆皮。

例如我載入A界面,只會觸發(fā)A的載入事件参袱,并不會觸發(fā)B的載入事件电谣。

注意:在這個界面事件下的所有類型的事件,都只針對于這個界面抹蚀。如需設(shè)置其他界面的界面事件剿牺,需要先在界面?zhèn)然?b>中選中其他界面,再轉(zhuǎn)到界面事件中設(shè)置相應(yīng)的事件环壤。


載入完畢事件

當(dāng)界面加載完畢時觸發(fā)晒来,載入事件比載入完畢事件先觸發(fā)。


菜單事件

當(dāng)用戶嘗試打開菜單時觸發(fā)郑现。


按鍵按下事件

當(dāng)用戶按下音量鍵湃崩,Home鍵,返回鍵時會觸發(fā)接箫。


界面銷毀事件

當(dāng)前界面被關(guān)閉時觸發(fā)攒读。


Stop停止事件

當(dāng)用戶切換到其他APP的界面或回到系統(tǒng)桌面時觸發(fā)。


Restart重新開始事件

當(dāng)用戶從其他APP界面或者系統(tǒng)桌面切回時觸發(fā)


回調(diào)結(jié)果事件

高級事件辛友,例如當(dāng)掃碼二維碼時薄扁,成功后會觸發(fā)該事件


重力感應(yīng)事件

當(dāng)手機(jī)感受到的XYZ三個方向的重力發(fā)生變化時觸發(fā)。


利用事件來做一些事情

我們剛剛已經(jīng)了解了許多的界面废累,接下來我們需要完成一個任務(wù):

我們打開程序后邓梅,會立即彈出一個提示,并顯示Hello World邑滨。

如何完成這個任務(wù)呢

首先我們很明確的知道我們需要利用

載入事件

觸發(fā)來完成這個任務(wù)日缨。

那么如何才能提示呢?

使用

tw("Hello World")

即可做到我們想要的效果驼修。

開始寫我們的程序吧

找到mian.iyu的界面事件殿遂,找到載入事件诈铛,在彈出的界面中乙各,寫入我們的代碼

它看起來像這樣

圖片發(fā)自簡書App

然后我們返回,使用之前學(xué)到的運(yùn)行來運(yùn)行我們的程序幢竹,或者你可以打包并安裝到你的手機(jī)上運(yùn)行試試耳峦。

圖片發(fā)自簡書App
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市焕毫,隨后出現(xiàn)的幾起案子蹲坷,更是在濱河造成了極大的恐慌驶乾,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件循签,死亡現(xiàn)場離奇詭異级乐,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)县匠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門风科,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人乞旦,你說我怎么就攤上這事±挤郏” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵愕秫,是天一觀的道長。 經(jīng)常有香客問我焰络,道長豫领,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任等恐,我火速辦了婚禮备蚓,結(jié)果婚禮上课蔬,老公的妹妹穿的比我還像新娘。我一直安慰自己郊尝,他們只是感情好二跋,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著扎即,像睡著了一般况凉。 火紅的嫁衣襯著肌膚如雪谚鄙。 梳的紋絲不亂的頭發(fā)上刁绒,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音傻盟,去河邊找鬼速蕊。 笑死娘赴,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的诽表。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼糊秆,長吁一口氣:“原來是場噩夢啊……” “哼议双!你這毒婦竟也來了痘番?” 一聲冷哼從身側(cè)響起平痰,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎昂芜,沒想到半個月后赔蒲,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體泌神,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡舞虱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年欢际,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片矾兜。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖椅寺,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情桐玻,我是刑警寧澤溉旋,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站观腊,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏梧油。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一褪子、第九天 我趴在偏房一處隱蔽的房頂上張望骗村。 院中可真熱鬧,春花似錦胚股、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽刻坊。三九已至党晋,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間未玻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工绰疤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留舞终,地道東北人。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓敛劝,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蛾方。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程拓春,因...
    小菜c閱讀 6,408評論 0 17
  • ¥開啟¥ 【直接撥打指定電話】 〖2017-08-21 11:28:06〗 《sit(a, "action","a...
    小菜c閱讀 38,204評論 2 26
  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的煮纵。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,490評論 1 11
  • ¥開啟¥ 【標(biāo)題欄(ActionBar)】 〖2017-08-06 00:50:39〗 《標(biāo)題欄(ActionBa...
    小菜c閱讀 1,238評論 0 5
  • ¥開啟¥ 【iApp官方教程視頻】 〖2017-08-21 18:51:48〗 《下載地址:http://pan....
    小菜c閱讀 6,127評論 2 8