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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...