成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Android App的類響應式設計

移動開發 Android
開發一個Android App來同時對應手機和平板,會遇到根據手機和平板的特性分別設計的問題,這個時候我們可以采用類似web前端里的響應式設計,將600dp作為一個判定值,來分別對兩者進行界面設計。

導言

根據google的官方顯示Android 4.0以上的設備已經有34.2%,由于國內很多的手機都沒機會用上google play市場,所以國內市場的情況,得看類似于友盟的季度報告才知道了。個人覺得,Android 4.0以后設備才能有讓人用的欲望,之前的版本受限于硬件,和系統的優化程度,個人覺得,除了打個電話、收個短信、看個微博、上個QQ以外,也沒多大讓人使用的價值了,至于原因,知道的都會知道,不知道也就不知道了。現在,硬件技術的發展,我們很方便就能購買到性能足夠強勁、價格足夠廉價的Android 4.0以后的手機和平板,那么,現在我們學習android 4.X的設計風格也算是不晚。

所謂類響應式設計

這篇文章的標題為類響應式設計,有做過web開發的應該都知道,所謂的響應式設計,就是一個網頁能夠根據是電腦的訪問或者手機的訪問進行的一個響應的顯示,在google官方設計指導文檔里面,也有相關的說明:http://developer.android.com/design/patterns/multi-pane-layouts.html, 相比web的響應式設計思想,在Android上使用這種思想,只能稱作為類似而已,因為相比之下,web的終端復雜,Android就相對于比較簡單,因為在Android上面你只需要考慮,簡單的來說,就是什么時候顯示一個pane,什么時候顯示兩個pane的問題而已。

設計的理論基礎

要解決Android應用什么時候顯示一個pane,什么時候顯示兩個pane,我們需要了解一些Android是如何解決各種分辨率下的兼容性問題。

在做桌面軟件的時代,我們很少發現有人會吐槽不同分辨率下的情況,至于原因,我個人覺得,***,電腦的分辨率很多,但是屏幕的dpi/ppi 其實都差不多,這就使以像素為單位的計量參數在不同屏幕下的其實顯示區別不大;第二點,就是pc上的軟件的窗口是可調節的,而手機或者平板上你很少看到 (當然,現在三星的一些Android設備支持這個)。但是,移動設備上就完全不同了,首先,產生兼容性的問題,根源在于對顯示一個像素改多大的問題,在高密度的手機屏幕上,一個像素被顯示的非常之小,那么我們假設用100個像素本來是想顯示2厘米左右的長度,但是結果卻只顯示了1厘米;第二點就是,移動設備不支持窗口的縮放,如果我定義了一個100像素的單位,那就永遠沒有用戶可以調節的空間。對于這個問題,其實Android官方已經提供了很好的解決方案,就是不依賴像素的計量單位,讓系統根據屏幕密度來渲染像素。

一張圖片:

一個公式:

px = dp * (dpi / 160)

如果,你是嚴格按照以上兩點來設計你的程序的話,那你分辨率的兼容問題,你就不需要額外操心了。當然,要做到這點,需要在設計的時候操心。

Android程序的實現

上面討論了一堆理論上的東西,估計大家都看煩了,那么在Android上具體是該怎么實現的呢?

設計規則

首先我們來看一張圖:

從這張圖里面我們可以大致了解到手機和平板的最簡單的區別,就在于屏幕是否有一邊大于 600dp,那么我們繪制一幅流程圖:

顯示一個pane,還是多個pane

如果,我們把平板和手機的設計,只是簡單的認為是手機上顯示一個pane,平板上顯示多個pane,這也未免太過于膚淺了。

在web設計上,我們有個div的概念,對于這個概念,我們可以很平滑的過渡到我們Android應用的設計上。在android 4以后,實際上是Android 3以后,google意識到Android的平板的魅力不足以讓我們專門針對平板再開發一次(例如iPad),所以引入了類似于web的設計方案,將每個view徹底的獨立起來,讓activity只是作為這些view的容器,在fragment推出以前,我們要做出設計,需要花很多的心力,因為我們需要自己手工維護實現每個view的生命周期,而有了fragment,我們就有了一套穩定的機制(有針對于android4以前的兼容包)。接下來,我們只需要考慮的是,我們的應用整個邏輯該怎么處理,在我研究了多個Android自適應的app以后,得出了一個關于 600dp的法則。

所謂600dp法則

我們從上邊可以知道,手機與平板的區分點就是長或者高達到了600dp的大小,那么這個600dp究竟能做什么?首先,600dp是手機與平板的區分點,而手機與平板***的不同就是一個屏幕能顯示內容多少的問題。如果以手機的顯示為一個pane單位,那么對于大于600dp而言,我們可以考慮在一個屏幕下放多一個pane。(關于為什么選擇600dp可以參考諸多google android apps)

現在,我們以開源中國的客戶端為例,來說說如何在實踐中這個法則。

原版客戶端在某手機上顯示:

接著在某平板(寬超過 600dp)上顯示:

我們會很容易的發現,在對于大于600dp的設備上來看的話,在屏幕利用率而言,遠遠不夠。接下來我們針對這點進行600dp法則的使用,進行改版后的顯示。

根據600dp法則改造后的顯示:

關于橫屏

我們都知道,手機橫屏以后似乎多了不少空余的空間,那么我們是否可以考慮放多個pane呢?

首先,我們要考慮的是我們的應用針對的是平板還是手機,而不是關于如何利用好屏幕的空間,而這里600dp剛好是能區分手機和平板的***的大小。如果你要考慮的是手機和平板的設計,你只需要考慮一個app在手機和平板上的不同點,如果你考慮的是如何利用好屏幕的使用率,請根據手機或者平板分別設計一套。

推薦讀物

http://developer.android.com/guide/practices/screens_support.html

http://developer.android.com/training/multiscreen/screensizes.html

責任編輯:徐川 來源: OSChina
相關推薦

2012-05-29 10:44:17

WebApp

2013-04-19 10:53:55

響應式設計Web

2013-05-29 12:18:42

響應式響應式設計響應式設計流程

2013-03-01 10:42:21

響應式Web

2014-08-13 15:55:17

Web響應式設計design

2012-10-11 09:09:26

jQueryJSWeb

2021-07-14 09:45:24

設計師約束布局界面布局

2012-05-09 10:39:48

Web響應式設計

2012-11-23 10:30:28

Responsive響應式Web

2012-02-13 09:30:51

響應式Web設計

2013-06-18 09:40:21

Web設計響應式Web響應式教程

2013-09-22 09:30:44

卡片式設計響應式

2013-12-13 16:00:39

社交類APP設計思路產品經理

2013-07-10 13:13:25

頁面設計響應式

2012-01-12 13:55:54

2013-08-13 09:43:59

響應式免費測試工具響應式設計

2012-05-25 10:18:23

響應式

2012-01-09 14:48:15

響應式Web

2013-11-01 09:38:38

響應試設計媒體查詢

2012-01-12 09:32:17

響應式Web設計
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 99视频 | 中文字幕在线精品 | 奇米影视在线 | 天天干天天玩天天操 | 久久av一区二区三区 | 久久午夜视频 | 一级做a爰片性色毛片16 | 久久精品无码一区二区三区 | 九九九久久国产免费 | 亚洲成人免费av | 中文字幕乱码一区二区三区 | 久久久精品一区二区三区 | 天天夜天天操 | 波多野结衣电影一区 | 在线视频一区二区三区 | 欧美一二三 | 久久久成人免费一区二区 | 久久免费资源 | 欧洲视频一区 | 久久1区 | 99成人在线视频 | 成人免费久久 | 毛片免费观看 | 欧美三级视频在线观看 | 久久精品无码一区二区三区 | 伊人伊成久久人综合网站 | 久久久久成人精品 | 国产毛片久久久久久久久春天 | 国产日韩一区二区三免费高清 | 国产精品美女一区二区 | 日本电影免费完整观看 | 欧美亚洲成人网 | 久久色视频| 精品免费国产视频 | 精产国产伦理一二三区 | 国产黄色在线观看 | 国色天香综合网 | 亚洲成人一区二区三区 | 日日综合 | 国产精品美女久久久久久久久久久 | www.日本在线播放 |