和MAX一起學編程（四）——做個垃圾分類應用

前言

MAX馬上就要生初一了，之前學過一段時間python語言，對計算機編程有濃厚興趣。可原先在PC上寫的代碼，執行的結果也只能在PC上顯示，效果也不夠酷炫。聽說爸爸有辦法可以讓代碼執行後在手機上秀出來，就很好奇，決定利用這個暑期好好學一下。

接下來要挑戰做一個什麼應用呢？就是垃圾分類啦。上海在今年7月1日實行垃圾分類制度，在學校、社區、網絡等的普及教育下，我也瞭解學習到了很多垃圾分類投放的知識。我對接下來做一個垃圾分類APP很有信心。

在JavaScript中，有一種叫“JSON”的格式可以用來快速存儲和表示數據，下面是一個簡單的示例：

var array=
[ //方括號保存數組
 { //大括號保存對象
 “name" : "塑料瓶",//數據使用名/值對錶示 

 “answer" : ”khsw"//每個名稱後跟一個冒號
 }, //數組值使用“，”（逗號）分割
 {
 "name":"菜葉",
 "answer":"slj" 

 }
] 

這種數據結構存儲方式看起來很清楚，很好理解。很快我就將很多垃圾的名稱和對應的分類按照JSON的格式錄入好了。

這個垃圾分類的應用和之前開發的排序應用有一個差別是：使用了愛碼哥的圖片控件，寫法如下：

愛碼哥為開發者設計了一個嚴謹又巧妙的方法解決了移動端開發最頭疼的圖片適配問題，在開發環境（如下圖）中，

開發資源

有一個資源目錄，即“res”目錄，下有三個子目錄：“android”、“default”和“ios”；“android”和“ios”目錄下還有子目錄，分別代表了不同分辨率的手機（如：xxhdpi可以適配華為P30 android手機的分辨率，1242*2208可以適配iPhone X手機的分辨率）。通常情況下你要預先製作好不同分辨率下的圖片並將它們上傳到不同的文件夾中，這樣可以達到最佳的圖片展示效果。

當然，你還可以採用一種偷懶的方法，就是把圖片放到default目錄下，手機app運行時首先會去加載default目錄中的圖片。愛碼哥本身有機制去自適應不同的手機（通過拉伸或降縮小），當然這種方法的缺陷也是顯而易見的，在一些情況下會造成圖片的失真。

導入圖片

導入圖片需要注意圖片文件名格式，只能以小寫字母或者下劃線作為開頭，之後的字符也只能以字母、數字、下劃線、點<>組成。

想看完整應用效果下期見嘍