2013年9月10日 星期二

單元一: 優化APP (Making APPs Beautiful)

關於要如何優化APP, Google 的工程師 Ankur Kotwal 做了一系列的 Youtube 教學影片,
我將其做點整理, 剛好可以拿來當做進階單元的一個開端.

這一系列影片共有五集, 從最初的 App 樣式一直修改至最後比較現代化的版本樣式( ActionBar, Theme, Fragment ... 等等), 也提供了支援 Android 2.3 之前的版本.

除此之外, 影片包含了許多 Google 建議我們的 Design Guide Line, 方便我們在 App  開發時, 更能遵從開發的一致性, 縮短開發設計時間, 十分值得好好學習.

Part 1. Modernize

在 Android 3.0 ( SDK version 10)之後, Google 加入了許多設計元素, 使得操作上更直覺, 畫面也更漂亮. 這段影片講解如何使用 ActionBar, 來使得 App 更有設計感, 同時也 ActionBar 的客制化連結.




Part  2. Spacing and Typography

以 ListView, DetailView 這兩個畫面的邊界設定和字型為例, 說明如何讓畫面看起來更有設計感.



Part 3. Tablets

平板跟手機不一樣的地方在於平板的畫面遠大於手機的畫面, 因此如果將手機畫面原原本本地搬到平板上, 顯然就不是那麼地實用. 因此, 利用 Fragment 將平板的畫面切割給不同的資料顯示, 以求使用者有更好地使用體驗.



Part 4. Performance Tuning

藉由使用 AsyncTask 以及 Cache 的方式來減低主線程不必要的工作量, 一來可以減低使用時卡卡的感覺, 二來可以縮短顯示時間.



Part 5 Backwards Compatibility and Modernization

Android 新舊版本要有更好地相容,
在 ActionBar 的部分可以使用 ActionBarCompact 或 ActionBarSherlock,
另外, 適當地使用 ViewPager, Fragment, Navigation Drawer ... 等,
都是很棒的方式.



原始碼連結

找到了 Ankur 在 GitHub 上提供的原始碼, 相信對大家在實作上會有所幫助.




沒有留言:

張貼留言