android

1. 新聞 App 的兩三事

2. 分工
• 後端Solr
• 前端
• Android
• IOS
• 文案

3. 理想流程
先拉一個最原始的layout
->和Server API做串連
->需要的資訊都能串到View
->把layout修的很漂亮,非常滿意
->上架Google Play

4. 實際狀況
先拉一個最原始的layout
->塞假資料
->串連API+討論+調整sample data
->後端的新聞不一定撈到所有column, parse錯誤
->自己做假資料
->討論UI,有什麼資料適合呈現呢
->調整UI
->好像不是所有東西都適合放上去
->參考各App或網站的呈現方式->裁剪UI->回調整UI
->上架Google Play

5. 串接API的方法 org.apache.http
HttpClient client = new DefaultHttpClient();
HttpGet httpGet = new HttpGet(solrUrl);
HttpResponse response = client.execute(httpGet);
HttpEntity entity = response.getEntity();
InputStream content = entity.getContent();
BufferedReader reader = new BufferedReader(
new InputStreamReader(content));
String line;
while ((line = reader.readLine()) != null) { builder.append(line); }

6. Parse Json Data 方法 Gson
public class News{
private int likes;
private int dislikes;
private int threat_level;
private String category;
private String title;
private String snippet;
}
{ "like": 22, "dislike": 11, "threat_level": 3,
"category": "policity", "title": "拚到底？黃景
泰：對選情仍樂觀", "snippet": "國民黨中央
連日來「勸退」基隆市長參選人黃景泰的聲
浪不斷，台北市長郝龍斌、新北市長朱立倫
輪番表態，要黃退選。"}
Gson gson = new Gson();
News news = gson.fromJson(jsonNews, News.class);

7. Parse Json Array
Gson gson = new Gson();
Type listType = new TypeToken<List<News>>(){}.getType();
ArrayList<News> newsList = gson.fromJson(jsonNews, listType);
[
{ "like": 22, "dislike": 11, "threat_level": 3, "category":
"policity", "title": "拚到底？黃景泰：對選情仍樂觀",
"snippet": "國民黨中央連日來「勸退」基隆市長參選人黃景
泰的聲浪不斷，台北市長郝龍斌、新北市長朱立倫輪番表
態，要黃退選。"}
{ "like": 22, "dislike": 11, "threat_level": 3, "category":
"policity", "title": "拚到底？黃景泰：對選情仍樂觀",
"snippet": "國民黨中央連日來「勸退」基隆市長參選人黃景
泰的聲浪不斷，台北市長郝龍斌、新北市長朱立倫輪番表
態，要黃退選。"}
]

8. • JSONObject jsonObject = new JSONObject(jsonNews)
• jsonObject.get(“like”)
• JSONArray jsonArray = new JSONArray (jsonNews)
• jsonArray.get(0)
• 其他可用方法
• getString() getInt() getJSONArray() getJSONObject()
另外一種方法 org.json.JSONObject
{ "like": 22, "dislike": 11, "threat_level": 3, "category":
"policity", "title": "拚到底？黃景泰：對選情仍樂觀",
"snippet": "國民黨中央連日來「勸退」基隆市長參選人黃景
泰的聲浪不斷，台北市長郝龍斌、新北市長朱立倫輪番表
態，要黃退選。"}

9. 其他資料對應情形
• List => ArrayList (implement List介面的class)
• Dictionary => HashMap (implement Map介面的class)

10. 可能會碰到的狀況
• NetworkOnMainThreadException
• 解決方法
• Asyntask
• onPreExecute()
• doInBackground()
• onPostExecute()
• New Thread

11. 無法更新UI
• Only the original thread that created a view hierarchy can touch its views.
• 解決方法
• Handler{ handleMessage(Message msg) { // ui update stuff } }
• Activity{ runOnUiThread(new Runnable() { // ui update stuff } }

12. UI
• 不是真的用拉的,因為Graphical layout很難用
• 理解View和Layout有哪些屬性
• 有很多 看起來沒什麼差別的參數
• Margin padding
• Layout_gravity gravity
• paddingStart paddingTop
• …………………………

13. 最常用的元件 ListView

14. 客製化自己的ListView
• 和後端說需要什麼資料
• 畫出個草圖
• 在自己的layout.xml加上需要的View
• 調整Adapter
• 調整layout和View參數

15. 幾個好網站
• JSON Editor Online - view, edit and format JSON online
• www.jsoneditoronline.org
• Pttrns
• http://www.pttrns.com/

16. Q & A