螢幕適配基礎(慕課)

2021-07-04 19:26:57 字數 2096 閱讀 4815

螢幕尺寸:螢幕對角線長度 單位英吋

螢幕解析度:單位px 1920*1080

螢幕畫素密度:每英吋上的畫素點個數 單位dpi

nexus 5 螢幕4.95inch

1920*1080 dpi=445

(1920^2+1080^2) 開根號/4.95-445

px構成影象的最小單位

dp dip 密度無關畫素 以160dpi為基準,1dip=1px

sp 可根據文字大小首選項進行放縮

推薦使用12sp以上進行設定字型大小 不要使用奇數偶數 有可能造成縮放比例失調

12 14 18 22sp 為google推薦

不同畫素密度間的區分

mdpi     120-160  基準dp

hdpi       160-240

xdpi       240-320

xxdpi      320-480

***hdpi  480-640

在設計圖示是,對於五種主流的畫素密度,應按照2:3:4:6:8 的比例進行縮放 。

若乙個啟**標的尺寸48*48 dp, 這表示mdpi螢幕的實際尺寸為48*48 px ,

在hdpi的螢幕上其實際大小為mdpi的1.5倍 72*72 px,xdpi 其實為mdpi的2倍

96*96 px

支援各種螢幕密度

1.使用非密度制約畫素

2.提供備用位圖

例如:nexus 5 寬度為320dp

單純從google的nexus各種型號的手機來看就有各種不同的螢幕寬度 (dp總數不同)

解決方案:

1.不使用dp作為單位

線性布局------------》權重

weight

使用matchparent

所以為了正比例使用weight 推薦設定(0dp)

下面是使用weight的一種情況 乙個大布局出去顯示設定height的地方 其餘的地方都被另乙個控制項占領

xmlns:

android

=""xmlns:

tools

=""xmlns:

hyman

=""android

:layout_width=

"match_parent"

android

:layout_height=

"match_parent"

android

:orientation=

"vertical"

>

android

:id=

"@+id/id_viewpager"

android

:layout_width=

"match_parent"

android

:layout_height=

"0dp"

android

:layout_weight=

"1"

>

android

:layout_width=

"match_parent"

android

:layout_height=

"60dp"

android

:background=

"@drawable/tab_bg"

android

:orientation=

"horizontal"

>

使用相對布局

移動端適配基礎總結

說到移動端適配,首先我們需要先搞清楚一些基礎知識,所以本文路線是先了解畫素,dpr,視口等基礎知識,然後再整理出移動端適配方案。畫素其實分為兩種,分別是物理畫素和css畫素 物理畫素 裝置畫素 物理畫素,顧名思義,顯示屏是由乙個個物理畫素點組成的,通過控制每個畫素點的顏色,使螢幕顯示出不同的影象,螢...

總結 慕課網 jQuery基礎

1.初識jquery jquery物件與dom物件是不一樣的。jquery是乙個類陣列物件,顧名思義,其兼具物件和陣列的特性。而dom物件就是乙個單獨的dom元素。它們之間也可互相轉化。利用陣列下標的方式可以讀取到jquery中的dom物件 陣列的索引是從0開始的 通過jquery自帶的get 方法...

hadoop基礎(from慕課網)

hadoop基礎 1 hdfs分布式檔案系統 儲存是大資料技術的基礎。資料塊 資料塊是抽象而非整個檔案作為儲存單元。預設大小為64mb,一般設定為 128m 備份 3 namenode 主 管理檔案系統的命名空間,存放檔案元資料。維護檔案系統的所有檔案和目錄,檔案與資料塊的對映。記錄每個檔案中各個塊...