中秋送什么禮物給心愛的Ta

這個問題每年都會令你死很多腦細(xì)胞吧？送花、送衣服歇由、送iPhone7卵牍？太沒創(chuàng)意了吧！卡洛斯老師準(zhǔn)備教童鞋們用高冷的IT技術(shù)來制造一份溫馨有愛的禮物——花3個小時做一個溫馨有愛的APP沦泌。

做一個APP很簡單糊昙，只要你懂上網(wǎng)，就夠了谢谦！剩下的事情交給卡洛斯老師释牺。

幫助單身狗

如果你是一位有暗戀對象的單身狗，我會鼓勵你做APP向Ta表白回挽。這個APP是你親手為Ta做的没咙，專屬于Ta的禮物，誠意滿滿千劈！

也許你還不夠優(yōu)秀祭刚，但你可以做到與眾不同，可以令Ta對你印象深刻——做一個APP墙牌，把你想說的話放進(jìn)去涡驮。

開始制作APP前，我需要特別說明：本教程教大家制作安卓APP喜滨，不是蘋果iOS APP捉捅。請確保你有一臺安卓手機用于開發(fā)。如果收禮人（你那位心愛的Ta）沒有安卓手機虽风，這個禮物恐怕送給Ta也沒用棒口，除非你再買一臺新安卓手機給Ta。本文教各位使用美國麻省理工學(xué)院發(fā)布的免費的APP制作平臺App Inventor（下文簡稱AI）來開發(fā)焰情。關(guān)于AI的介紹陌凳，請見我的上一篇教師節(jié)教程，本文不再復(fù)述内舟。

如果你學(xué)習(xí)過我的上一篇教師節(jié)教程合敦，這次你只需花半小時就可以完成作品。如果你是第一次學(xué)習(xí)我的教程验游，大概花3小時可以完成你的作品充岛。

下載和安裝樣例

在動手開發(fā)前，為了供大家先睹為快耕蝉，我做了一個叫“送給Mandy”的APP樣例崔梗。大家把樣例安裝到手機里，看看做好的APP是長什么樣的垒在。下載和安裝方法如下：

Step 1：在你的安卓手機中安裝手機QQ蒜魄。然后申請入我的App Inventor答疑QQ群（群號見我的簡書個人介紹）；

Step 2：在群文件中，找到“中秋節(jié)專題”的文件夾谈为，點擊下載文件夾里面的To_Lover_Mid_Autumn_Day.apk.zip文件旅挤，下載完成后QQ自動解壓文件，你會看到一個叫To_Lover_Mid_Autumn_Day.apk的APP安裝包伞鲫，點擊安裝它粘茄。如果你的手機會出現(xiàn)下圖的APP圖標(biāo)，表示安裝成功秕脓；

APP的圖標(biāo)是收禮人的頭像

我簡單介紹一下這個APP樣例柒瓣。APP的圖標(biāo)是收禮人的頭像；打開APP吠架，會出現(xiàn)歡迎動畫芙贫，動畫結(jié)束后會提示用戶搖一搖手機，像微信搖一搖那樣搖動你的手機诵肛，界面切換到一個女孩的屏幕屹培，這個女孩是收禮人的照片；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)站，網(wǎng)址請見我的簡書個人介紹秋麸。如果你第一次使用渐排，請花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是就是做做好的作品。

如何把APP安裝到手機馒闷？

在電腦里打開電腦版QQ酪捡，安卓手機上也打開手機QQ，把apk文件通過電腦版QQ傳送到手機QQ纳账，手機QQ接收到后逛薇，點擊apk文件進(jìn)行APP安裝。

Step 8：最后一步疏虫，在你的安卓手機上運行APP永罚，欣賞和體驗?zāi)愕淖髌菲『簟Ｈ绻銓偛盘鎿Q的圖片、背景音樂不滿意呢袱，可以重復(fù)一遍上面Step 1~7的操作官扣，對它們進(jìn)行調(diào)整。

APP做好后怎么發(fā)給心愛的Ta羞福？也是用QQ發(fā)唄惕蹄。

如果你完成了以上的14步操作，意味著你經(jīng)歷了一次完整的APP開發(fā)過程治专，并做出了你的作品卖陵。

這是一份珍貴的禮物，金錢無法衡量看靠，因為你親手注入了愛赶促。

本教程如果有疑問，可以進(jìn)答疑QQ群挟炬，我會在群里給大家解答問題鸥滨。