精品欧美一区二区三区在线观看 _久久久久国色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技術棧公眾號

亚洲一区二区三区精品在线| 国产亚洲网站| 欧美一二三四在线| 人妻久久久一区二区三区| 色天堂在线视频| 精油按摩中文字幕久久| 欧美精品久久久久| 亚洲精品色午夜无码专区日韩| 亚洲精品大全| 午夜久久电影网| 亚洲人久久久| 五月婷婷六月丁香综合| 狠狠久久亚洲欧美| 欧美一区二区三区图| 麻豆网址在线观看| 亚洲第一福利社区| 日韩一区二区免费高清| 欧美日韩精品在线一区二区| 欧美边添边摸边做边爱免费| av网站免费线看精品| 成人精品一区二区三区电影免费| 日韩成人免费观看| 亚洲成av人片乱码色午夜| 亚洲精品大尺度| 色哟哟免费视频| av成人在线观看| 精品久久中文字幕| 亚洲一区 在线播放| av大片在线看| 91麻豆精东视频| 懂色中文一区二区三区在线视频| 日本视频www色| 蜜桃av一区| 午夜精品视频网站| 麻豆chinese极品少妇| 国产一区二区在线| 亚洲国内高清视频| 91最新在线观看| 中文在线资源| 懂色av中文一区二区三区天美| 久久精品在线免费视频| 麻豆传媒视频在线观看| 国产精品美女久久久久久久久久久| 欧美不卡1区2区3区| 欧美熟妇乱码在线一区| 国产成人aaa| 91嫩草国产在线观看| 国产免费不卡av| 免费成人小视频| 国产精品美女久久久免费| 人人妻人人爽人人澡人人精品| 亚洲伊人观看| 2019中文字幕免费视频| 国产视频91在线| 一区二区毛片| 欧美自拍视频在线| 少妇高潮av久久久久久| 乱码第一页成人| 日韩av日韩在线观看| 日韩熟女一区二区| 日韩高清不卡一区| 国产精品视频大全| 亚洲天天综合网| 国产在线精品免费av| 亚洲影视九九影院在线观看| 精品人妻无码一区二区三区蜜桃一| 国产曰批免费观看久久久| 91在线视频精品| 99热这里只有精品在线观看| 国产成人一区在线| 国产欧美韩日| 亚洲欧美色视频| 国产拍揄自揄精品视频麻豆| 一本一生久久a久久精品综合蜜| 国产二区三区在线| 怡红院av一区二区三区| 日韩中文字幕在线免费| 欧美7777| 91精品国模一区二区三区| 中国男女全黄大片| 亚洲最好看的视频| 日韩在线免费高清视频| 免费一级a毛片夜夜看| 亚洲久色影视| 国产精品99久久99久久久二8| 91国产精品一区| 国产成a人亚洲| 欧美日韩国产不卡在线看| 午夜在线播放| 亚洲国产成人tv| 青青在线免费观看视频| 国产麻豆一区二区三区| 亚洲精品大尺度| 麻豆一区在线观看| 伊人久久久大香线蕉综合直播| 38少妇精品导航| 国产一区二区在线视频聊天| 99精品视频在线观看免费| 亚洲女人毛片| а√天堂中文资源在线bt| 欧美日韩和欧美的一区二区| 国产在线观看免费播放| 成人国产精品一级毛片视频| 欧美激情一区二区三区久久久| 超碰在线免费97| 国产成人av电影免费在线观看| 日韩美女一区| 国产v日韩v欧美v| 欧美另类videos死尸| 91精品啪在线观看国产| 欧美疯狂party性派对| 97av在线视频免费播放| 国产欧美综合视频| 国产欧美一区二区精品久导航 | 亚洲综合网av| 久久综合色婷婷| 久久久99精品视频| 岛国精品在线| 亚洲欧美在线免费| 豆国产97在线 | 亚洲| 国产一区欧美日韩| 视频一区二区在线| 电影一区二区三区| 日韩成人小视频| 国产一级片网址| 国精产品一区一区三区mba视频 | 国产美女免费网站| 亚洲精选久久| 国产主播一区二区三区四区| 97caopor国产在线视频| 欧美日韩国产首页| 丰满的亚洲女人毛茸茸| 久久高清一区| 免费在线成人av电影| 高清在线视频不卡| 欧美精品一区二区高清在线观看| 国产尤物在线播放| 久草热8精品视频在线观看| 日韩亚洲一区在线播放| 欧美极品免费| 国产亚洲精品久久| 国产美女www爽爽爽| 久久女同性恋中文字幕| 成人在线免费在线观看| 麻豆成人入口| 96精品视频在线| 男人久久精品| 在线观看av一区| 妖精视频在线观看免费| 久久精品国产99国产精品| 日韩精品久久久免费观看 | 在线观看日韩国产| 国产三级av在线播放| 久久亚洲精选| 色一情一乱一伦一区二区三区| 欧美xxxx做受欧美护士| 一本色道久久综合狠狠躁篇的优点| 影音先锋在线国产| 国产肉丝袜一区二区| 中文字幕国产传媒| 日韩一区二区在线| 成人国产精品色哟哟| av在线播放国产| 精品国产一区二区三区久久久蜜月 | 国产精品福利电影| 夜夜操天天操亚洲| 日本一卡二卡在线| 日韩国产欧美三级| 少妇熟女一区二区| 亚洲国产视频二区| 91精品国产乱码久久久久久蜜臀 | 又色又爽又黄无遮挡的免费视频| 欧美—级在线免费片| 黄色片免费网址| 在线不卡视频| 日韩精品不卡| 视频在线一区| 亲爱的老师9免费观看全集电视剧| 国产51人人成人人人人爽色哟哟| 欧洲一区在线电影| 欧美黑人性猛交xxx| 99精品欧美一区二区三区小说| 人人爽人人av| 综合亚洲视频| 免费不卡亚洲欧美| 亚洲一区导航| 91精品国产高清久久久久久久久| 97超碰人人在线| 日韩欧美另类在线| 中文字幕日韩免费| 亚洲精品乱码久久久久久日本蜜臀| 老司机免费视频| 免费观看在线综合色| 99在线精品免费视频| 日本一区二区三区视频| 国产日韩欧美精品| 欧美视频精品| 2023亚洲男人天堂| 亚洲小说区图片| 亚洲天堂av图片| 亚洲第一天堂网| 欧美日韩午夜在线| 欧美日韩乱国产| 亚洲激情欧美激情| 国产成人av一区二区三区不卡| 国产成人精品一区二区三区网站观看| 国产a级一级片| 午夜久久美女| 亚洲欧美日韩不卡一区二区三区| 欧美日日夜夜| julia一区二区中文久久94| 欧洲精品一区二区三区| 久久人人爽人人| 国产秀色在线www免费观看| 亚洲社区在线观看| 人妻少妇一区二区三区| 欧美一区二区二区| 中文在线免费看视频| 五月婷婷综合网| 国产一级片免费| 亚洲综合网站在线观看| 国精品人伦一区二区三区蜜桃| 久久色.com| 免费日本黄色网址| 成人福利视频网站| 日本成人xxx| 激情综合色播激情啊| 50路60路老熟妇啪啪| 夜久久久久久| 久久黄色片视频| 亚洲国产三级| 97干在线视频| 激情综合中文娱乐网| 欧美日韩中文字幕在线播放| 欧美激情电影| 中文字幕一区二区三区最新 | 国内精品国产三级国产99| 91中文字幕精品永久在线| 日韩国产高清一区| 欧美日韩国产一区二区三区不卡| 欧美精品亚洲精品| 国产一区二区三区不卡视频网站| 蜜桃麻豆91| 亚洲va久久久噜噜噜久久| 蜜桃麻豆www久久国产精品| 秋霞综合在线视频| 久久99欧美| 国产精品视频一区二区三区四蜜臂| 麻豆蜜桃91| 免费欧美一区| 色涩成人影视在线播放| 日韩av有码| 超碰在线免费观看97| 在线国产一区二区| 日本a在线天堂| 亚洲国产无线乱码在线观看| 中文在线一区二区| 波多野结衣久久久久| 中文字幕一区二区三区在线不卡| 国产黄色录像片| 亚洲黄色av一区| 国产精品第一页在线观看| 黑人巨大精品欧美一区二区| 中文字幕激情小说| 欧洲在线/亚洲| 国产乱码精品一区二区三区精东| 日韩欧美国产成人一区二区| 丰满肥臀噗嗤啊x99av| 日韩精品免费综合视频在线播放| 国产在线播放av| 久久人体大胆视频| xxx.xxx欧美| 国产97在线|亚洲| 爱情电影网av一区二区| 国产精品裸体一区二区三区| 中文字幕精品影院| 波多野结衣激情| 一本久道久久久| 国产一伦一伦一伦| 成人动漫视频在线| 一区二区伦理片| 亚洲精品国产品国语在线app| 日韩精品在线免费视频| 欧美欧美午夜aⅴ在线观看| 午夜精品久久久久久久99热黄桃 | 免费的av网站| 久久精品亚洲乱码伦伦中文| 国产精品白丝喷水在线观看| 天天亚洲美女在线视频| 中文字幕久久久久| 精品国产一区二区三区不卡| 国内三级在线观看| 欧美精品免费在线| 亚洲精品在线影院| 成人免费看片网址| 最新亚洲精品| 激情五月婷婷六月| 轻轻草成人在线| 完美搭档在线观看| 亚洲欧美视频在线观看视频| 国产一级免费视频| 日韩免费一区二区| 91看片在线观看| 欧美一区二区影院| 精品视频在线一区| 日本亚洲自拍| 亚洲激情视频| 97超碰免费在线观看| 国产人久久人人人人爽| 中日韩精品视频在线观看| 日韩一区二区免费高清| av亚洲在线| 欧美一区二区三区艳史| 成人18夜夜网深夜福利网| 黄色高清视频网站| 日本亚洲欧美天堂免费| 国产黑丝一区二区| 一区二区三区精品久久久| 91片黄在线观看喷潮| 亚洲欧洲午夜一线一品| 咪咪网在线视频| 国产另类第一区| 欧美精品啪啪| 色偷偷中文字幕| 国产精品久久777777| 久久精品99北条麻妃| 日韩精品极品毛片系列视频| 波多野结衣在线观看| 444亚洲人体| 欧美成人嫩草网站| 最新av免费在线观看| 中日韩av电影| 岳乳丰满一区二区三区| 中国日韩欧美久久久久久久久| 欧美xxxxxx| 欧美一区二区三区电影在线观看| 国产精品久久久亚洲一区| 精品影片一区二区入口| 亚瑟在线精品视频| 亚洲毛片在线播放| 高清一区二区三区四区五区| 中文字幕一区二区三区四区久久| 高清无码视频直接看| 国产91色综合久久免费分享| 久久久一区二区三区四区| 精品久久免费看| 多野结衣av一区| 欧美日韩国产免费一区二区三区| 久久一区精品| аⅴ天堂中文在线网| 欧美日韩国产中文| 黄色一级大片在线免费看产| 91在线精品播放| 国产一区二区三区自拍| 呦呦视频在线观看| 色天天综合色天天久久| 成人在线观看黄色| 国产九九精品视频| 欧美影院一区| 黄色性视频网站| 日本韩国欧美一区二区三区| 在线免费观看黄色网址| 91沈先生在线观看| 伊人久久大香线蕉综合热线| 亚洲天堂久久新| 欧美日韩一级二级| 99在线播放| 久久久99国产精品免费| 免费成人在线网站| 黄色一级视频免费观看| 日韩国产欧美精品一区二区三区| 影视一区二区三区| 中国女人做爰视频| 2024国产精品| 一二区在线观看| 欧美日韩福利电影| 狠狠操综合网| 三级黄色片免费看| 欧美午夜片欧美片在线观看| 在线a免费看| 国产精品日韩高清| 日韩1区2区3区| 欧美精品一区二区蜜桃| 亚洲美女黄色片| av成人在线网站| 青青草原成人网| 亚洲少妇中出一区| 欧美日韩伦理片| 91亚洲精品久久久久久久久久久久| 99精品免费网| 一区二区国产精品精华液| 国产视频精品在线| 精品午夜视频| www.99在线| 亚洲电影一区二区三区| 麻豆免费在线视频| 欧洲一区二区日韩在线视频观看免费| 国产精品一色哟哟哟| 糖心vlog精品一区二区| 国产+人+亚洲|