精品欧美一区二区三区在线观看 _久久久久国色av免费观看性色_国产精品久久在线观看_亚洲第一综合网站_91精品又粗又猛又爽_小泽玛利亚一区二区免费_91亚洲精品国偷拍自产在线观看 _久久精品视频在线播放_美女精品久久久_欧美日韩国产成人在线

Android App的類響應式設計

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

導言

根據google的官方顯示Android 4.0以上的設備已經有34.2%,由于國內很多的手機都沒機會用上google play市場,所以國內市場的情況,得看類似于友盟的季度報告才知道了。個人覺得,Android 4.0以后設備才能有讓人用的欲望,之前的版本受限于硬件,和系統的優化程度,個人覺得,除了打個電話、收個短信、看個微博、上個QQ以外,也沒多大讓人使用的價值了,至于原因,知道的都會知道,不知道也就不知道了?,F在,硬件技術的發展,我們很方便就能購買到性能足夠強勁、價格足夠廉價的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-05-29 12:18:42

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

2013-04-19 10:53:55

響應式設計Web

2013-03-01 10:42:21

響應式Web

2012-10-11 09:09:26

jQueryJSWeb

2014-08-13 15:55:17

Web響應式設計design

2021-07-14 09:45:24

設計師約束布局界面布局

2012-11-23 10:30:28

Responsive響應式Web

2012-05-09 10:39:48

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設計思路產品經理

2012-01-12 13:55:54

2013-07-10 13:13:25

頁面設計響應式

2013-08-13 09:43:59

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

2012-01-09 14:48:15

響應式Web

2012-05-25 10:18:23

響應式

2012-01-12 09:32:17

響應式Web設計

2013-11-01 09:38:38

響應試設計媒體查詢
點贊
收藏

51CTO技術棧公眾號

亚洲激情自拍| 日韩免费在线电影| 97精品国产露脸对白| 91成人性视频| 亚洲午夜久久久久久久国产| 九九热这里有精品| 亚洲综合色噜噜狠狠| 久久99精品久久久久久秒播放器 | 亚洲一区二区在线观看视频| 国产女主播一区二区三区| 337p粉嫩色噜噜噜大肥臀| 99精品电影| 亚洲欧美日韩网| 一级 黄 色 片一| 欧洲一区二区三区精品| 亚洲欧美另类图片小说| 日韩欧美精品一区二区| 高清一区二区三区四区| 免费高清成人在线| 欧美一区二区影院| 欧美成人aaa片一区国产精品| 亚洲欧洲美洲国产香蕉| 欧美一区二区三区在线视频| 日日橹狠狠爱欧美超碰| 伊人福利在线| 国产精品无遮挡| 久久成人资源| 亚洲精品久久久久久久久久久久久久| 日本强好片久久久久久aaa| 高清一区二区三区日本久| 成人性视频免费看| 亚洲瘦老头同性70tv| 亚洲国产成人精品久久| 99中文字幕在线| 草民电影神马电影一区二区| 欧美日韩国产黄| 国产精品视频一二三四区| 亚洲精品承认| 欧美激情资源网| 久精品国产欧美| 午夜视频福利在线观看| 成人免费高清视频| 成人国产一区二区| 国产三级第一页| 国产在线精品一区二区夜色| 国产精品日韩久久久久| 波多野结衣一本一道| 久久国产主播| 全亚洲最色的网站在线观看| 国产精品xxxx喷水欧美| 伊人久久亚洲美女图片| 欧美激情第一页xxx| 欧美被狂躁喷白浆精品| 欧美日韩一区自拍| 美女啪啪无遮挡免费久久网站| 小嫩苞一区二区三区| 国产精品久久久久蜜臀| 久久精品欧美视频| 最新一区二区三区| 欧美福利影院| 97在线视频免费观看| 国产无遮挡免费视频| 亚洲另类自拍| 69av成年福利视频| 无码人妻精品一区二区三区9厂| 久久综合中文| 国产精品色悠悠| 中文字幕欧美人妻精品| 久久国产综合精品| 亚洲一区二区久久久久久久| 99在线精品视频免费观看软件| 国产精品一区免费在线观看| 99国产超薄肉色丝袜交足的后果| 蜜臀av中文字幕| 99久久国产综合色|国产精品| 久久久综合香蕉尹人综合网| 黄色在线视频观看网站| 国产精品日日摸夜夜摸av| 超碰97免费观看| xxxx成人| 欧美在线色视频| 天天色天天干天天色| 噜噜噜狠狠夜夜躁精品仙踪林| 亚洲精品美女久久久久| 久久久久无码精品国产sm果冻| 欧美超碰在线| 高清欧美电影在线| 中文字幕激情视频| 国产成人综合在线播放| 蜜桃网站成人| 久草中文在线| 精品久久香蕉国产线看观看gif| 99久久久无码国产精品6| 日韩免费大片| 日韩成人在线视频网站| wwwww黄色| 亚洲精品韩国| 国产欧美日韩专区发布| 天堂在线视频免费| 中文字幕在线观看一区| 霍思燕三级露全乳照| 福利一区二区免费视频| 亚洲精品一区二区三区在线观看 | 精品久久久免费视频| 91网站在线观看视频| 亚洲欧洲久久| 蜜桃视频www网站在线观看| 欧美日韩精品久久久| 挪威xxxx性hd极品| 久久亚洲国产| 欧美做受高潮电影o| 国产手机视频在线| 国产欧美日韩综合精品一区二区| 久草视频这里只有精品| 伦一区二区三区中文字幕v亚洲| 精品乱人伦小说| 欧美aaa级片| 在线亚洲伦理| 91精品国产99久久久久久红楼| 国产视频在线看| 亚洲国产精品影院| 人妻少妇偷人精品久久久任期| 精品国产一区二区三区四区| 久久久视频精品| 国产又粗又猛又黄又爽| 国产欧美精品一区二区三区四区| 霍思燕三级露全乳照| 亚洲精品国产九九九| 尤物yw午夜国产精品视频明星| 国产网站在线看| 国产精品18久久久久久vr| 亚洲成人自拍| 深夜视频一区二区| 亚洲美女在线观看| 黄色片视频网站| 岛国av在线一区| 成人高清dvd| 亚洲综合色婷婷在线观看| 久久夜色精品亚洲噜噜国产mv| 国语对白做受69按摩| 久久免费视频一区| 午夜肉伦伦影院| 亚洲免费专区| 欧美制服第一页| 午夜影院在线视频| 午夜激情综合网| 88av在线播放| 最新亚洲一区| 精品国产乱码久久久久久郑州公司 | 国产精品网站在线播放| 老头吃奶性行交视频| 九九热爱视频精品视频| 欧美一区二区影院| 免费播放片a高清在线观看| 欧美性xxxx极品高清hd直播| 国产精品久久无码| 国产精品久久久免费| 精品日韩电影| 成人片免费看| 中国人与牲禽动交精品| 怡红院男人的天堂| 最好看的中文字幕久久| 欧美性猛交xx| 精品动漫3d一区二区三区免费| 国产三区精品| 日韩欧美一区二区三区在线观看 | 欧美夫妻性生活| 欧美国产日韩在线观看成人| 国产麻豆91精品| 日韩伦理在线免费观看| 亚洲人成亚洲精品| 国产精品免费看久久久香蕉| 欧美精品电影| 精品91自产拍在线观看一区| 欧美一二三区视频| 欧美激情中文字幕一区二区| 日本成人xxx| 国产精品久久久久9999高清| 视频一区在线免费观看| 亚洲一区导航| 高清欧美性猛交| 岛国在线大片| 欧美一区二区三区视频免费播放| 日本一区二区不卡在线| 国产喂奶挤奶一区二区三区| 91亚洲一区二区| 国产精品日韩| 色中文字幕在线观看| 66精品视频在线观看| 国产成人aa精品一区在线播放| 日本蜜桃在线观看| 亚洲高清在线观看| 91精品国产色综合久久不8| 亚洲亚洲人成综合网络| wwwww黄色| 99精品视频在线观看免费| 高清一区在线观看| 136国产福利精品导航网址| 日本一区高清不卡| 成人性生交大片免费看中文视频| 国产成人亚洲综合| 国内老司机av在线| 色爱精品视频一区| 五月天丁香视频| 正在播放一区二区| 日本高清不卡码| 一区二区欧美国产| 刘亦菲国产毛片bd| 26uuu国产日韩综合| 亚洲一区二区图片| 欧美a级理论片| 国产精品va无码一区二区| 亚洲成人tv| 日日噜噜噜噜夜夜爽亚洲精品| 国产精品调教视频| 亚洲在线免费看| 成人国产精品| 热99在线视频| 蜜桃麻豆影像在线观看| 欧美日韩999| 久草中文在线观看| 最近2019年手机中文字幕 | 日韩中文字幕在线精品| 日韩电影网址| 亚洲国产成人精品久久久国产成人一区 | 影院在线观看全集免费观看| 在线观看日韩av| 日韩精品视频无播放器在线看 | 首页综合国产亚洲丝袜| 国产曰肥老太婆无遮挡| 久久久久久久久99精品大| 日本视频精品一区| 亚洲制服欧美另类| 久久国产主播精品| 色狼人综合干| 久久精品久久精品国产大片| 国产66精品| 国产高清一区视频| 51亚洲精品| 99在线视频精品| 福利在线一区二区| 欧美成人久久| 成人在线观看毛片| 午夜激情一区| 一二三在线视频| 欧美在线网站| 成人在线播放网址| 在线观看日韩av电影| 韩日视频在线观看| 亚洲少妇一区| 国产性xxxx18免费观看视频| 男人天堂欧美日韩| 日韩av播放器| 麻豆精品视频在线观看免费| 国产91色在线观看| 九九九久久久精品| 丰满少妇中文字幕| 成人性生交大合| 天堂久久久久久| 99麻豆久久久国产精品免费优播| 自拍视频一区二区| 久久嫩草精品久久久久| 亚洲高潮女人毛茸茸| 亚洲三级久久久| 久久久精品人妻一区二区三区四| 亚洲国产综合人成综合网站| 黄色片视频网站| 欧美优质美女网站| 国产一区二区三区在线观看| 日韩一二三区视频| 五月天激情婷婷| 一区二区欧美亚洲| 尤物视频在线看| 欧美自拍视频在线| 日本午夜免费一区二区| 97欧洲一区二区精品免费| 欧美深夜视频| 一本久道久久综合| 国产综合网站| 日韩欧美xxxx| 国产精品69久久久久水密桃| jizz日本免费| 国产精品久久久久久久久图文区| 久久久久久久久久综合| 日韩欧美在线字幕| 国产精品久久久久久无人区| 亚洲国产精品99| 亚洲欧美视频一区二区| 午夜精品久久久久久久男人的天堂| 亚洲一区二区三区四区| 国产91免费视频| 欧美在线电影| 精品无码一区二区三区爱欲| 日本欧美在线看| 污网站免费观看| 国产精品久久久久久久久图文区| 日本三级片在线观看| 欧美日韩一区二区三区在线| 亚洲成人中文字幕在线| 在线精品国产欧美| 国产理论在线| 亚洲在线免费视频| 精品国产一区一区二区三亚瑟| 国产一二三区在线播放| 日本欧美一区二区三区乱码| 性高潮免费视频| 国产精品第一页第二页第三页| www.中文字幕在线观看| 日韩一区二区三| 日本在线观看免费| 国产成人短视频| 麻豆成人入口| 久久www视频| 久久99精品国产.久久久久| av黄色免费网站| 午夜影院在线观看欧美| 国产乱淫片视频| 中文国产亚洲喷潮| 亚洲黄色网址| 国产一区在线观| 精品动漫一区| 亚洲av无码成人精品区| ...中文天堂在线一区| 国产又粗又猛又爽又| 亚洲精品国产免费| 手机在线免费观看av| 成人免费观看网址| 视频在线不卡免费观看| av视屏在线播放| 久久伊人中文字幕| 国产无码精品一区二区| 欧美va亚洲va在线观看蝴蝶网| 国产视频一区二区| 91精品在线播放| 天堂美国久久| 五月天丁香花婷婷| 中文字幕视频一区二区三区久| 久久久久久久久久一级| 亚洲人成电影在线播放| 日韩pacopacomama| 日本高清一区| 久久一综合视频| 白白色免费视频| 91久久人澡人人添人人爽欧美| 内衣办公室在线| 日韩av免费在线播放| 亚洲精品国产动漫| 欧在线一二三四区| 欧美经典一区二区| 在线观看免费观看在线| 一区三区二区视频| 婷婷成人av| 日本精品免费视频| 国产精品18久久久久| 国产情侣在线视频| 亚洲人成啪啪网站| 日韩制服一区| 麻豆中文字幕在线观看| 国产精品18久久久久久久久| 久久久久久久久精| 日韩av中文字幕在线播放| 欧美freesex| 一区二区三区不卡在线| 国产伦精品一区二区三区免费迷 | 亚洲网站啪啪| 波多野结衣视频播放| 欧美小视频在线| 9色在线观看| 超碰在线观看97| 国产美女一区| 美国黑人一级大黄| 欧美一区二区三区四区视频| gogo高清在线播放免费| 麻豆久久久9性大片| 蜜臀精品一区二区三区在线观看| 91高清免费看| 日韩av在线高清| 国产麻豆一区| 成年人网站国产| 欧美激情一区二区三区在线| 99国产精品一区二区三区| 久久久久久伊人| 成人网18免费网站| 中文字幕在线播放一区二区| 欧美性猛交xxxx免费看| 在线观看免费高清完整| 国产精品国产三级欧美二区| 乱码第一页成人| 日韩在线观看视频一区二区| 日韩电影第一页| 欧美系列精品| 免费成人在线视频网站| 亚洲视频一区在线| 青青国产在线| 99电影网电视剧在线观看| 日韩精品欧美精品| 久草免费在线观看视频| 亚洲最新视频在线| 任你躁在线精品免费| www.成人黄色|