Android屏幕適配總結

来源:http://www.cnblogs.com/rencm/archive/2016/02/17/5195786.html
-Advertisement-
Play Games

一、首先需要明白的幾個概念 1、屏幕尺寸:也就是我們平常所說的某某手機幾寸屏。比如蘋果的4.7寸, 榮耀6的5.5寸。這裡說的寸是英寸(1 英寸 = 2.54 釐米)。 計算方法:屏幕尺寸=對角先尺寸(cm) / 2.54(cm) 一般用英寸表示。1英寸=2.54cm 2、解析度:屏幕上顯示的像素個


一、首先需要明白的幾個概念

 1、屏幕尺寸:也就是我們平常所說的某某手機幾寸屏。比如蘋果的4.7寸, 榮耀6的5.5寸。這裡說的寸是英寸(1 英寸 = 2.54 釐米)。

      計算方法:屏幕尺寸=對角先尺寸(cm) / 2.54(cm)

 

 

 

 

 

 

 一般用英寸表示。1英寸=2.54cm

 

 

 

 

 

2、解析度:屏幕上顯示的像素個數,單位尺寸內像素點越多,顯示的圖像就越清楚。

      解析度720*1280表示手機水平方向的像素為720,垂直方向為1280。

      現在主流的解析度有480 * 800, 720 * 1280, 1080 * 1920。

 

3、屏幕密度:表示屏幕每英寸有多少個像素。

 

4、單位

px:像素,一塊顯示屏是由很多的光點組成的,每一個光點就是一個像素。

dp:andriod開發中用於描述尺寸和間距。

sp:和dp一樣,只是用於描述字型大小和行距。

 

屏幕密度  屏幕級別 通常解析度  對應關係  
 120  ldpi(低密度)   0.75 1dp=0.75px
 160  mdpi(中等密度)  320*480 1 1dp=1px
 240  hdpi(高密度)  480*800 1.5 1dp=1.5px
 320  xhdpi(超高密度)  720*1280 2 1dp=2px
 480  480(超清密度)  1080*1800 3 1dp=3px

 

    

 

 

 

 

二、到底採用哪種解析度來設計

        原則上需要為不同的解析度去單獨設計效果圖,但是由於實際開發成本,設計成本的各種要求,可以根據目前市場占有率選擇機型,目前主要480*800、 720*1280、 1080*1920這幾種解析度,本人目前都是採用720*1280的解析度來設計,因為目前為止720*1280的市場占有率還是比較高的。但是由於技術水平的不斷提升,今後一定會採用1080*1920的來設計,希望各位小伙伴能夠關註一下市場情況。

總結:現在還是採用720*1280的解析度來設計吧。

 

三、到底需要提供多少套切圖

只需要提供一套切圖即可。

1.一般採用720*1280的來設計。切圖可以直接適配720*1280解析度的機型。

2.720*1280下的切圖資源基本可以適配其他機型,有些特殊的切圖需要單獨適配的,比如icon等。

3.適配480*800的機型,只需要把切圖*0.75即可。

4.適配1080*1920機型,只需要把切圖*1.5即可。

5.適配1080*1920的時候,不要單獨硬生生的將圖標放大1.5倍。這就要求在720*1280下畫圖的時候,儘量採用矢量圖形來畫 圖。比如在720*1280下圖圖標是48px*48px的時候,適配1080*1920時候,48px*1.5=72px。把矢量圖形調整為72px即可。把 切圖資源給開發,開發會把切圖單獨放到xxhdpi的文件目錄下,就會自動適配1080*1920的了。

同樣要是適配480*800的,48px*0.75=32px,把切圖給開發,開發會把切圖資源單獨放到hdpi的目錄下,就會自動適配的。

720*1280下的切圖資源,開發是放到xhdpi的目錄下的。

 

註意:大家在設計圖片的時候儘量採用偶數來設計。開發可以直接寫出來的就儘量不要切圖。

 

四、到底需要提供多少套標註

 只需要提供一套標註即可。

 原則上需要為不同分辨單獨進行標註,但由於開發成本等各種考慮。

 選取320dpi下(解析度為:720*1280)進行設計,此解析度下1dp=2px。

 設計師要建立相對單位概念,可以直接使用dp標註尺寸、sp標註文字大小;

 

五、總結

1.採用720*1280解析度來進行設計。(設計時,採用偶數值進行設計,方便dp和px的轉換)

2.開始標註了,標註儘量採用相對位置進行標註。

3.切圖了,首先在720*1280下進行切圖,可以完全適配720*1280的機型。切圖資源

 

本文為博主原創文章,轉載請註明出處

http://www.cnblogs.com/rencm/p/5195786.html

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Media Queries 詳解
  • 前段時間由於工作需要寫了一個純JS文本比較工具 在這裡與大家分享下 演算法有待優化,還希望大家多多指教 先上效果圖: 奉上源碼(把源碼保存為html格式的文件就可以直接運行了): 1 <!doctype html> 2 <html> 3 <head> 4 <title>文本比較工具</title> 5
  • 接觸 DeviceOne 要從15年11月開始說起了,因項目和產品時間需求接觸了快速開發平臺,DeviceOne是非常棒的一個平臺,雙向數據綁定,可以自定義指令,過濾器等等。總之非常好用完全超出了我們功能需求。之後我們使用了混合型開發平臺,沒有達到原生App的體驗和流暢,在頁面切換以及頁面滾動的時候
  • 查看效果:http://hovertree.com/code/javascript/pwl4bhoi.htm 代碼如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;
  • 這是一款基於jQuery和CSS3的登錄表單,登錄表單的界面整體呈現扁平化風格,非常簡潔和清新。當焦點在表單的輸入欄位上時,表單提示文字會出現一個小動畫,同時這款CSS3登錄表單的最大特點是其個性化的登錄按鈕,滑鼠滑過也有不錯的效果。 線上預覽 源碼下載 實現的代碼。 html代碼: <div cl
  • 1.0 作者:cloudgamer http://www.cnblogs.com/cloudgamer/archive/2010/04/01/ImageZoom.html
  • Web技術的發展速度太快了,如果你不與時俱進,就會被淘汰。因此,為了應對即將到來的HTML5,本文總結了22個HTML5的初級技巧,希望能對你進一步學習好HTML5會有所幫助。 1. 新的Doctype聲明 XHTML的聲明太長了,我相信很少會有前端開發人員能手寫出這個Doctype聲明。 1 <!
  • 1.不論滑鼠指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。 2.只有在滑鼠指針離開被選元素時,才會觸發 mouseleave 事件。 <div class="sel_box"> <input type="button" value="請選擇所屬部門" id="sel_dept"
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...