《Android群英傳》讀書筆記6.Android繪圖機制與處理技巧

2019-11-09 17:32:34

字體：大中小

來源：轉載

供稿：網友

1. 屏幕的尺寸信息

1.1. 屏幕參數

屏幕大小：指屏幕對角線的長度，例如4.7寸手機、5.5寸手機分辨率：指手機屏幕的像素點個數，例如720×1280，指寬有720個像素點，而高有1280個像素點PPI：每英寸像素(Pixels Per Inch)又被稱為DPI(Dots Per Inch)，由對角線的像素點數除以屏幕的大小得到

1.2. 系統屏幕密度

系統定義了幾個標準的DPI值，作為手機的固定DPI

密度	ldpi	mdpi	hdpi	xhdpi	xxhdpi
密度值	120	160	240	320	480
分辨率	240×320	320×480	480×800	720×1280	1080×1920

注：此表僅供參考，如小米4c手機，分辨率1920×1080，尺寸5英寸，屏幕像素密度441ppi。因在具體應用中1dp = 3px，故密度為xxhdpi

1.3. 獨立像素密度dp

由于各種屏幕密度的不同，導致同樣像素大小的長度，在不同密度的屏幕上顯示長度不同 Android系統使用mdpi的屏幕作為標準，在這個屏幕上1px = 1dp 例如同樣是100dp的長度，在mdpi中為100px，而在hdpi中為150px 在hdpi中1dp = 1.5px，在xhdpi中1dp = 2px，在xxhdpi中1dp = 3px

1.4. 單位轉換

可將dp、sp轉換為px的工具類保存到項目中

2. 2D繪圖基礎

系統通過提供的Canvas對象來提供繪圖方法，如drawPoint（點）、drawLine（直線）、drawLines（多條直線）、drawRect（矩形）、drawRoundRect（圓角矩形）、drawCircle（圓）、drawVertices（多邊形）、drawArc（弧形或扇形）、drawOval（橢圓）、drawText（文本）、drawPosText（指定位置文本）、drawPath（路徑）等等，例

paint.setStyle(Paint.Style.STROKE);canvas.drawRect(left, top, right, bottom, paint);

3. Android xml繪圖

3.1. Bitmap

<?xml version="1.0" encoding="utf-8"?><bitmap xmlns:android="http://schemas.android.com/apk/res/android" android:src="@drawable/ic_launcher">

3.2. Shape

例子：通過漸變實現陰影效果

<?xml version="1.0" encoding="uft-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" // 默認為rectangle android:shape="rectangle"> <corners // 當shape="rectangle"時使用 // 半徑，會被topLeftRadius等單個半徑屬性覆蓋，默認為1dp android:radius="8dp"/> <gradient // 漸變 android:startColor="#FF5DA2FF" android:endColor="#805FBBFF" android:angle="45"/> <padding android:left="7dp" android:top="7dp" android:right="7dp" android:bottom="7dp"/></shape>

3.3. Layer

<?xml version="1.0" encoding="uft-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/ic_launcher" /> <item android:drawable="@drawable/ic_launcher" android:left="10.0d通過layer、layer-list可以實現圖層效果，圖片會依次疊加