做一個APP很簡單,只要你懂上網(wǎng),,就夠了,!剩下的事情交給卡洛斯老師。
開始制作APP前,,我需要特別說明:本教程教大家制作安卓APP,,不是蘋果iOS APP。請確保你有一臺安卓手機(jī)用于開發(fā),。如果收禮人(你那位心愛的Ta)沒有安卓手機(jī),,這個禮物恐怕送給Ta也沒用,除非你再買一臺新安卓手機(jī)給Ta,。本文教各位使用美國麻省理工學(xué)院發(fā)布的免費的APP制作平臺App Inventor(下文簡稱AI)來開發(fā),。關(guān)于AI的介紹,請見我的上一篇教師節(jié)教程,,本文不再復(fù)述,。 如果你學(xué)習(xí)過我的上一篇教師節(jié)教程,這次你只需花半小時就可以完成作品,。如果你是第一次學(xué)習(xí)我的教程,,大概花3小時可以完成你的作品。 下載和安裝樣例 在動手開發(fā)前,,為了供大家先睹為快,,我做了一個叫“送給Mandy”的APP樣例。大家把樣例安裝到手機(jī)里,,看看做好的APP是長什么樣的,。下載和安裝方法如下: Step 1:在你的安卓手機(jī)中安裝手機(jī)QQ。然后申請入我的App Inventor答疑QQ群48249356,; Step 2:在群文件中,,找到“中秋節(jié)專題”的文件夾,點擊下載文件夾里面的To_Lover_Mid_Autumn_Day.apk.zip文件,,下載完成后QQ自動解壓文件,,你會看到一個叫To_Lover_Mid_Autumn_Day.apk的APP安裝包,點擊安裝它,。如果你的手機(jī)會出現(xiàn)下圖的APP圖標(biāo),,表示安裝成功; 上圖:APP的圖標(biāo)是收禮人的頭像 我簡單介紹一下這個APP樣例,。APP的圖標(biāo)是收禮人的頭像,;打開APP,會出現(xiàn)歡迎動畫,,動畫結(jié)束后會提示用戶搖一搖手機(jī),,像微信搖一搖那樣搖動你的手機(jī),界面切換到一個女孩的屏幕,,這個女孩是收禮人的照片,;APP會播放輕快的背景音樂;界面的底部是你要對Ta說的表白的話,,點擊“下一句”按鈕可以看下一句話,。下面是APP的截圖: 開始APP制作 1、導(dǎo)入項目 Step 1:電腦登錄你的QQ,,跟上節(jié)的Step 1一樣申請入QQ群(如果已入群,,請略過)。在群文件中,,打開“中秋節(jié)專題”文件夾,,把文件夾里面的To_Lover_Mid_Autumn_Day.aia文件下載到你的電腦里,該文件在下面Step 3會用到,; Step 2:在電腦里下載安裝Chrome(百度可以搜索到安裝文件),,不能用Windows自帶的IE瀏覽器,使用Firefox,、Salari也OK,。安裝好后,使用瀏覽器打開我為大家準(zhǔn)備好的中文App Inventor網(wǎng)站fayouyou. cn,。如果你第一次使用,,請花1分鐘注冊個新賬號。然后使用賬號登錄AI系統(tǒng),。如果瀏覽器出現(xiàn)下圖的界面,,表示登錄成功: 如果你曾經(jīng)使用過AI,,登錄成功后可能會出現(xiàn)下圖的界面: 出現(xiàn)上面兩個界面中的任意一個,都是OK的,。 Step 3:點擊界面頂部菜單“項目”->“導(dǎo)入項目(.aia)”,,選擇To_Lover_Mid_Autumn_Day.aia文件,點擊[確定]按鈕,。如果出現(xiàn)下圖的項目列表界面,,并且界面里出現(xiàn)“To_Lover_Mid_Autumn_Day”的工程名稱,表示導(dǎo)入成功,。 上圖:項目列表界面 接著,,請點擊工程名“To_Lover_Mid_Autumn_Day”,進(jìn)入APP編輯界面(如下圖),。如果你曾經(jīng)使用過AI開發(fā)APP,,項目導(dǎo)入成功時,也可能會跳過項目列表界面直接出現(xiàn)下圖界面: 上圖:APP編輯界面 各位看官,,當(dāng)你看到界面中間出現(xiàn)了一個呆萌的黃色月亮,,本環(huán)節(jié)“導(dǎo)入項目”就操作完成。我們愉快地進(jìn)入下一環(huán)節(jié),。 2,、定制你的APP Step 1:請準(zhǔn)備好一張Ta的照片,用來做APP圖標(biāo),。請在上圖所示的APP編輯界面的最右邊的組件屬性區(qū),,尋找“圖標(biāo)(無...)”這個屬性,按照下面的教學(xué)動畫演示,,替換APP圖標(biāo): 上圖:替換APP圖標(biāo)操作演示 Step 2:APP的名字也要修改,。我們在“圖標(biāo)”這個屬性上方,尋找“AppName”這個屬性,。把屬性的當(dāng)前值“送給Mandy”,,修改為你喜歡的名字; Step 3:然后,,按照下圖教學(xué)動畫,,切換到另一個屏幕。該屏幕的名字叫SayToYou,; 上圖:切換屏幕的操作演示 當(dāng)你看到一個女孩的畫面時,,你已進(jìn)入SayToYou屏幕。 Step 4:在SayToYou屏幕中,,你會看到一個女孩的照片,。這個照片是收禮人的照片,我們要替換它。請點擊界面右邊的組件列表區(qū),,選擇列表頂部的SayToYou項(如下圖),;然后在最右邊的組件屬性區(qū),找到“背景圖片(Ta.jpg...)”屬性,,參考上面Step 1替換APP圖標(biāo)的方法,,把背景圖片替換成你心愛的Ta的照片。 上圖:組件列表 Step 5:在SayToYou屏幕中,,設(shè)置了一首輕快的愛情背景音樂。你可以考慮把背景音樂替換成Ta喜歡的某一首歌哦,。首先,,你從網(wǎng)站下載那首歌的mp3,然后點擊上圖“組件列表”中,,最下方的“背景音樂”,,接著你會看到最右邊的組件屬性區(qū)域中,出現(xiàn)“源文件(love_background_music...)”屬性,,把該屬性的值替換成你剛下載的那首mp3,。替換方法與Step 1相同。 Step 6:點擊界面右上角的白色按鈕[邏輯設(shè)計],,屏幕會切換到邏輯設(shè)計模式,,然后找到下圖的積木塊。積木塊有5句向情人告白的話,,請把這5句話改為你的告白語,。 上圖:5句告白語 Step 7:接著我教大家打包項目,生成最終的安卓APP,。點擊頂部菜單“打包apk”下的二級菜單“打包apk并下載到電腦”,。此時,會出現(xiàn)一個進(jìn)度條,,耐心等待進(jìn)度條運行結(jié)束,,進(jìn)度條自動消息,此時不要做任何才做,,繼續(xù)耐心等待,。最后Chrome瀏覽器會提示有一個叫To_Lover_Mid_Autumn_Day.apk的文件下載。這個apk是就是做做好的作品,。
Step 8:最后一步,,在你的安卓手機(jī)上運行APP,,欣賞和體驗?zāi)愕淖髌贰H绻銓偛盘鎿Q的圖片,、背景音樂不滿意,,可以重復(fù)一遍上面Step 1~7的操作,對它們進(jìn)行調(diào)整,。 APP做好后怎么發(fā)給心愛的Ta,?也是用QQ發(fā)唄。 如果你完成了以上的14步操作,,意味著你經(jīng)歷了一次完整的APP開發(fā)過程,,并做出了你的作品。 這是一份珍貴的禮物,,金錢無法衡量,,因為你親手注入了愛。 本教程如果有疑問,,可以進(jìn)答疑QQ群,,我會在群里給大家解答問題。
|
|