在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ Android/ 綜合:設(shè)計(jì)我們的樣例 App
檢測(cè)常用的手勢(shì)
優(yōu)化layout的層級(jí)
用戶輸入
管理應(yīng)用的內(nèi)存
聯(lián)系人信息
開發(fā)輔助程序
Android多媒體
添加語(yǔ)音功能
顯示位置地址
提供向下與橫向?qū)Ш?/span>
支持游戲控制器
訪問可穿戴數(shù)據(jù)層
處理多點(diǎn)觸控手勢(shì)
全屏沉浸式應(yīng)用
為多線程創(chuàng)建管理器
數(shù)據(jù)保存
Intent的發(fā)送
更新Notification
優(yōu)化下載以高效地訪問網(wǎng)絡(luò)
打印
打包可穿戴應(yīng)用
接收從其他App傳送來的數(shù)據(jù)
發(fā)送與接收消息
建立靈活動(dòng)態(tài)的UI
處理鍵盤輸入
Building a Work Policy Controller
建立測(cè)試環(huán)境
創(chuàng)建表盤
分享文件
顯示Notification進(jìn)度
實(shí)現(xiàn)自適應(yīng)UI流(Flows)
使用設(shè)備管理策略增強(qiáng)安全性
使用能感知版本的組件
執(zhí)行網(wǎng)絡(luò)操作
建立文件分享
添加移動(dòng)
更新你的Security Provider來對(duì)抗SSL漏洞利用
支持鍵盤導(dǎo)航
創(chuàng)建和監(jiān)視地理圍欄
發(fā)送并同步數(shù)據(jù)
使用BigView樣式
無線連接設(shè)備
提供向上導(dǎo)航與歷史導(dǎo)航
最小化定期更新造成的影響
實(shí)現(xiàn)向下的導(dǎo)航
支持不同的屏幕大小
Android 可穿戴應(yīng)用
添加動(dòng)畫
顯示聯(lián)系人頭像
使用OpenGL ES顯示圖像
處理輸入法可見性
分享文件
保持設(shè)備喚醒
淡化系統(tǒng)Bar
使用NFC分享文件
保存到Preference
Android聯(lián)系人信息與位置信息
創(chuàng)建標(biāo)準(zhǔn)的網(wǎng)絡(luò)請(qǐng)求
使用Drawables
管理Bitmap的內(nèi)存使用
管理Activity的生命周期
按需加載視圖
傳輸資源
為可穿戴設(shè)備創(chuàng)建自定義UI
在一個(gè)線程中執(zhí)行一段特定的代碼
性能優(yōu)化
隱藏導(dǎo)航欄
創(chuàng)建目錄瀏覽器
為多種大小的屏幕進(jìn)行規(guī)劃
View間漸變
使用觸摸手勢(shì)
高效加載大圖
使用CursorLoader在后臺(tái)加載數(shù)據(jù)
創(chuàng)建抽屜式導(dǎo)航(navigation drawer)
管理音頻焦點(diǎn)
創(chuàng)建后臺(tái)服務(wù)
創(chuàng)建功能測(cè)試
創(chuàng)建使用Material Design的應(yīng)用
停止與重啟Activity
添加一個(gè)簡(jiǎn)便的分享功能
啟動(dòng)Activity時(shí)保留導(dǎo)航
TV應(yīng)用清單
創(chuàng)建向后兼容的UI
?# 優(yōu)化自定義View
創(chuàng)建單元測(cè)試
在UI上顯示Bitmap
建立OpenGL ES的環(huán)境
構(gòu)建表盤服務(wù)
JNI Tips
建立搜索界面
實(shí)現(xiàn)自定義View的繪制
使用HTTPS與SSL
按需操控BroadcastReceiver
分享簡(jiǎn)單的數(shù)據(jù)
繪制形狀
Android位置信息
創(chuàng)建并運(yùn)行可穿戴應(yīng)用
執(zhí)行 Sync Adpater
獲取最后可知位置
創(chuàng)建 Android 項(xiàng)目
實(shí)現(xiàn)高效的導(dǎo)航
退出全屏的Activity
創(chuàng)建Card
兼容音頻輸出設(shè)備
同步數(shù)據(jù)單元
傳輸數(shù)據(jù)時(shí)避免消耗大量電量
保存到文件
緩存Bitmap
提供配置 Activity
調(diào)度重復(fù)的鬧鐘
實(shí)現(xiàn)輔助功能
重復(fù)的下載是冗余的
隱藏狀態(tài)欄
實(shí)現(xiàn)自定義的網(wǎng)絡(luò)請(qǐng)求
規(guī)劃界面和他們之間的關(guān)系
使用Sync Adapter傳輸數(shù)據(jù)
TV應(yīng)用內(nèi)搜索
響應(yīng)觸摸事件
使用Google Cloud Messaging(已廢棄)
控制相機(jī)
Android網(wǎng)絡(luò)連接與云服務(wù)
請(qǐng)求分享一個(gè)文件
處理TV硬件
響應(yīng)UI可見性的變化
使用網(wǎng)絡(luò)服務(wù)發(fā)現(xiàn)
指定輸入法類型
優(yōu)化電池壽命
創(chuàng)建TV應(yīng)用
獲取聯(lián)系人列表
拖拽與縮放
啟動(dòng)與停止線程池中的線程
創(chuàng)建 Sync Adpater
使用 WiFi P2P 服務(wù)發(fā)現(xiàn)
開始使用Material Design
代理至新的APIs
使用include標(biāo)簽重用layouts
使得View可交互
高效顯示Bitmap
創(chuàng)建企業(yè)級(jí)應(yīng)用
Fragments之間的交互
創(chuàng)建與執(zhí)行測(cè)試用例
綜合:設(shè)計(jì)我們的樣例 App
繪制表盤
建立簡(jiǎn)單的用戶界面
自定義動(dòng)畫
開發(fā)輔助服務(wù)
避免出現(xiàn)程序無響應(yīng)ANR(Keeping Your App Responsive)
使用ViewPager實(shí)現(xiàn)屏幕滑動(dòng)
設(shè)計(jì)高效的導(dǎo)航
Android分享操作(Building Apps with Content Sharing)
提供向后的導(dǎo)航
保持向下兼容
創(chuàng)建TV播放應(yīng)用
縮放View
使用 WiFi 建立 P2P 連接
Android后臺(tái)任務(wù)
連接到網(wǎng)絡(luò)
為 Notification 添加頁(yè)面
使TV應(yīng)用是可被搜索的
添加Action Bar
使用Material的主題
啟動(dòng)另一個(gè)Activity
顯示正在播放卡片
適配不同的系統(tǒng)版本
輕松錄制視頻
創(chuàng)建可穿戴的應(yīng)用
創(chuàng)建自定義的布局
重新創(chuàng)建Activity
使用CursorLoader執(zhí)行查詢?nèi)蝿?wù)
使用舊的APIs實(shí)現(xiàn)新API的效果
使用備份API
安全要點(diǎn)
Android入門基礎(chǔ):從這里開始
保存并搜索數(shù)據(jù)
根據(jù)網(wǎng)絡(luò)連接類型來調(diào)整下載模式
使用Tabs創(chuàng)建Swipe視圖
SMP(Symmetric Multi-Processor) Primer for Android
解析 XML 數(shù)據(jù)
使用 Volley 傳輸網(wǎng)絡(luò)數(shù)據(jù)
建立ActionBar
Android交互設(shè)計(jì)
使用Intent修改聯(lián)系人信息
增加搜索功能
輕松拍攝照片
定義形狀
測(cè)試你的Activity
在 Notifcation 中接收語(yǔ)音輸入
與其他應(yīng)用的交互
管理系統(tǒng)UI
追蹤手勢(shì)移動(dòng)
Android界面設(shè)計(jì)
執(zhí)行 Android 程序
顯示確認(rèn)界面
創(chuàng)建Lists與Cards
打印HTML文檔
創(chuàng)建TV應(yīng)用
為多屏幕設(shè)計(jì)
定義Shadows與Clipping視圖
使用Fragment建立動(dòng)態(tài)UI
接收Activity返回的結(jié)果
布局變更動(dòng)畫
定位常見的問題
自定義ActionBar的風(fēng)格
定義Layouts
發(fā)送簡(jiǎn)單的網(wǎng)絡(luò)請(qǐng)求
啟動(dòng)與銷毀Activity
與UI線程通信
非UI線程處理Bitmap
創(chuàng)建TV布局
提升Layout的性能
報(bào)告任務(wù)執(zhí)行狀態(tài)
判斷并監(jiān)測(cè)網(wǎng)絡(luò)連接狀態(tài)
兼容不同的設(shè)備
處理按鍵動(dòng)作
優(yōu)化性能和電池使用時(shí)間
給其他App發(fā)送簡(jiǎn)單的數(shù)據(jù)
Implementing App Restrictions
向后臺(tái)服務(wù)發(fā)送任務(wù)請(qǐng)求
展示Card翻轉(zhuǎn)動(dòng)畫
管理ViewGroup中的觸摸事件
兼容不同的屏幕密度
通過藍(lán)牙進(jìn)行調(diào)試
為可穿戴設(shè)備創(chuàng)建Notification
控制音量與音頻播放
獲取聯(lián)系人詳情
在表盤上顯示信息
提供向上的導(dǎo)航
滾動(dòng)手勢(shì)動(dòng)畫
幫助用戶在TV上找到內(nèi)容
創(chuàng)建TV導(dǎo)航
為索引指定App內(nèi)容
ActionBar的覆蓋疊加
Android Wear 上的位置檢測(cè)
保護(hù)安全與隱私的最佳策略
Ensuring Compatibility with Managed Profiles
解決云同步的保存沖突
獲取位置更新
創(chuàng)建List
測(cè)試程序
管理網(wǎng)絡(luò)的使用情況
為App內(nèi)容開啟深度鏈接
推薦TV內(nèi)容
建立一個(gè)Notification
管理音頻播放
設(shè)計(jì)表盤
拍照
處理控制器輸入動(dòng)作
判斷并監(jiān)測(cè)設(shè)備的底座狀態(tài)與類型
處理查詢的結(jié)果
保存到數(shù)據(jù)庫(kù)
支持多個(gè)游戲控制器
創(chuàng)建 Stub Content Provider
使得ListView滑動(dòng)順暢
處理數(shù)據(jù)層的事件
創(chuàng)建TV應(yīng)用的第一步
使得你的App內(nèi)容可被Google搜索
將 Notification 放成一疊
創(chuàng)建 Stub 授權(quán)器
暫停與恢復(fù)Activity
管理設(shè)備的喚醒狀態(tài)
Android圖像與動(dòng)畫
打印照片
云同步
創(chuàng)建TV直播應(yīng)用
為Notification賦加可穿戴特性
提供一個(gè)Card視圖
建立請(qǐng)求隊(duì)列(RequestQueue)
適配不同的語(yǔ)言
創(chuàng)建詳情頁(yè)
測(cè)試UI組件
接收其他設(shè)備的文件
創(chuàng)建自定義View
建立第一個(gè)App
創(chuàng)建2D Picker
監(jiān)測(cè)電池的電量與充電狀態(tài)
打印自定義文檔
抽象出新的APIs
通知提示用戶
獲取文件信息
運(yùn)用投影與相機(jī)視角
在IntentService中執(zhí)行后臺(tái)任務(wù)
多線程操作
創(chuàng)建一個(gè)Fragment
添加Action按鈕
在不同的 Android 系統(tǒng)版本支持控制器
維護(hù)兼容性
發(fā)送文件給其他設(shè)備
創(chuàng)建TV游戲應(yīng)用
創(chuàng)建自定義的View類
代碼性能優(yōu)化建議
Intent過濾
適配不同的屏幕

綜合:設(shè)計(jì)我們的樣例 App

編寫:XizhiXu - 原文:http://developer.android.com/training/design-navigation/wireframing.html

現(xiàn)在我們對(duì)導(dǎo)航模式和界面組合技術(shù)有了深入的理解,是時(shí)候應(yīng)用到我們的界面上了。讓我再看看我們第一節(jié)課上提到的新聞應(yīng)用的界面完備圖:

http://wiki.jikexueyuan.com/project/android-training-geek/images/app-navigation-screen-planning-exhaustive-map.png" alt="app-navigation-screen-planning-exhaustive-map" />

Figure 1. 新聞應(yīng)用例子的界面完備集

我們下一步得去我們前幾節(jié)討論的導(dǎo)航模式選擇,然后應(yīng)用到這個(gè)界面圖中。這樣就能最大化導(dǎo)航速度并且最少化獲取內(nèi)容的點(diǎn)擊次數(shù),但又能參考 Android 做法來保證界面的直觀性和一致性。此外,我們也需要根據(jù)我們不同目標(biāo)設(shè)備的參數(shù)做出不同的決定。為方便,我們集中討論平板和手持設(shè)備。

選擇模式

首先,我們二級(jí)界面(新聞?lì)悇e列表 ,圖片列表保存列表)可用 Tab 組合在一起。注意到我們不必使用水平排列的 Tab;某些情況下下拉菜單可作為合適的替代品,特別在手機(jī)這種窄屏設(shè)備上。在手機(jī)上,我們能用 Tab 把 圖片保存列表新聞保存列表 組合到一起,或在平板上用多個(gè)縱向排列的內(nèi)容視窗。

最后,讓我們看看如何展示新聞。第一個(gè)簡(jiǎn)化不同新聞?lì)悇e間導(dǎo)航的選項(xiàng):使用水平分頁(yè),然后再在滑動(dòng)區(qū)域上添加一組標(biāo)簽來提示當(dāng)前可見和臨近的新聞?lì)悇e。對(duì)于平板橫屏,我們可以進(jìn)一步地展示能水平分頁(yè)的 新聞列表 界面作為左邊的視窗,并且把 新聞詳情 View 界面作為基礎(chǔ)內(nèi)容視窗放在右邊。

下圖分別表示在手持設(shè)備和平板上應(yīng)用了這些導(dǎo)航模式后的新界面圖。

http://wiki.jikexueyuan.com/project/android-training-geek/images/app-navigation-wireframing-map-example-phone.png" alt="app-navigation-wireframing-map-example-phone" />

Figure 2. 手持設(shè)備上新聞應(yīng)用例子的最終界面集

http://wiki.jikexueyuan.com/project/android-training-geek/images/app-navigation-wireframing-map-example-tablet.png" alt="app-navigation-wireframing-map-example-tablet" />

Figure 3. 平板上新聞應(yīng)用例子的最終界面集,橫屏

至此,得好好考慮下界面圖的衍化了,以免我們選擇的模式實(shí)際上用不了(比如當(dāng)你畫應(yīng)用界面布局的草圖時(shí))。下面有個(gè)為平板衍化的界面圖樣例,它并排展示不同類別的 新聞列表,但是 新聞詳情View 保持獨(dú)立。

http://wiki.jikexueyuan.com/project/android-training-geek/images/app-navigation-wireframing-map-example-tablet-alt.png" alt="app-navigation-wireframing-map-example-tablet-alt" />

Figure 4. 平板上新聞應(yīng)用例子的最終界面集,豎屏

畫草稿

Wireframing就是設(shè)計(jì)過程中你開始排布界面的那步。發(fā)揮你的創(chuàng)造性,想想怎么排列這些 UI 元件來幫助你的用戶在你的 App 中導(dǎo)航。這時(shí)你要記住細(xì)枝末節(jié)是不重要的(別去想著做個(gè)實(shí)物)。

最簡(jiǎn)單快速的起步方法就是用紙筆手畫你界面。一旦你開始畫,你會(huì)發(fā)現(xiàn)在你原本的界面圖或在你決定使用的模式中有很多實(shí)際的問題。某些情況下,模式理論上能很好的解決特定設(shè)計(jì)問題,但實(shí)際上他們可能失效并且給視覺交互添亂(例如,界面上出現(xiàn)了兩行 Tab)。如果那樣,探索下其他的導(dǎo)航模式,或在選擇的模式上做點(diǎn)變化,來讓你的草稿更優(yōu)。

當(dāng)你對(duì)初稿滿意后,繼續(xù)用一些軟件畫你的數(shù)字wireframe吧,例如:Adobe? Illustrator,Adobe? Fireworks,OmniGraffle 或者 向量圖工具。選擇畫圖工具時(shí),考慮以下特性:

  • 能畫體現(xiàn)交互的 wireframe 么?像Adobe? Fireworks就能提供這個(gè)功能。

  • 有界面“大師”功能(允許不同界面的視覺元素重用)?例如,Action Bar必須在你應(yīng)用的每個(gè)界面都出現(xiàn)。

  • 學(xué)習(xí)曲線怎樣?專業(yè)向量圖工具可能有個(gè)陡峭的學(xué)習(xí)曲線(越學(xué)越難),但有些功能小巧的 wireframing 設(shè)計(jì)工具可能更適合這個(gè)任務(wù)。

最后,XML 布局編輯器,Android 開發(fā)工具包(ADT)里面的一個(gè) Eclipse 插件,經(jīng)常被用來畫草圖原型。但是,你應(yīng)當(dāng)貫注于高質(zhì)量的布局而非細(xì)節(jié)視覺設(shè)計(jì)。

創(chuàng)建數(shù)字草圖

在紙上畫完草圖并且選擇好一款心儀的數(shù)字wireframing工具后,你可以創(chuàng)建一個(gè)數(shù)字wireframe作為你應(yīng)用視覺設(shè)計(jì)的起點(diǎn)。下面就是一些我們新聞客戶端wireframe例子,他們和我們之前的界面圖一一對(duì)應(yīng)。

http://wiki.jikexueyuan.com/project/android-training-geek/images/app-navigation-wireframing-wires-phone.png" alt="app-navigation-wireframing-wires-phone" />

Figure 5. 新聞客戶端手機(jī)豎屏Wireframe樣例(下載 SVG 圖)

http://wiki.jikexueyuan.com/project/android-training-geek/images/app-navigation-wireframing-wires-tablet.png" alt="app-navigation-wireframing-wires-tablet" />

Figure 6. 新聞客戶端平板橫屏Wireframe樣例(下載 SVG 圖)

下載表示設(shè)備的 Wireframe 的 SVG 圖

下一步

現(xiàn)在你已經(jīng)為你的應(yīng)用設(shè)計(jì)出了高效直觀的 App 內(nèi)部導(dǎo)航,你可用開始花時(shí)間來為單個(gè)界面改善 UI了。例如,展示交互內(nèi)容時(shí),你可以選擇使用更花哨的控件來代替簡(jiǎn)單的文本標(biāo)簽,圖像和按鈕。你也可以開始定義你應(yīng)用的視覺風(fēng)格。在這過程中把你品牌的元素作為視覺語(yǔ)言融入其中吧。

最后,也適時(shí)實(shí)現(xiàn)你的設(shè)計(jì)吧,使用 Android SDK 為你的應(yīng)用寫寫代碼。想開始?看看下面的這些資源吧:

  • 開發(fā)者指導(dǎo):UI :學(xué)習(xí)如何用 Android SDK 實(shí)現(xiàn)你的 UI 設(shè)計(jì)。

  • Action Bar :實(shí)現(xiàn)tab,向上導(dǎo)航,屏幕上動(dòng)作,等等。

  • Fragment :實(shí)現(xiàn)可重用,多視窗布局

  • 支持庫(kù) :用ViewPager實(shí)現(xiàn)水平分頁(yè)(Swipe View)