《Android群英传》读书笔记6.Android绘图机制与处理技巧-CSDN博客

本文链接：https://blog.csdn.net/Alen_Sun/article/details/54894927

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.0dip"
        android:top="10.0dip"
        android:right="10.0dip"
        android:bottom="10.0dip" />
</layer-list>

通过layer、layer-list可以实现图层效果，图片会依次叠加

3.4. Selector

Selector的作用在于帮助开发者实现静态绘图中的事件反馈，通过给不同的事件设置不同的图像，从而在程序中根据用户输入，返回不同的效果

<?xml version="1.0" encoding="uft-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 默认时的背景图片 -->
    <item android:drawable="@drawable/X1" />
    <!-- 没有焦点时的背景图片 -->
    <item android:state_window_focused="false"
        android:drawable="@drawable/X2" />
    <!-- 非触摸模式下获得焦点并单击时的背景图片 -->
    <item android:state_focused="true"
        android:state_pressed="true"
        android:drawable="@drawable/X3" />
    <!-- 触摸模式下单击时的背景图片 -->
    <item android:state_focused="false"
        android:state_pressed="true"
        android:drawable="@drawable/X4" />
    <!-- 选中时的图片背景 -->
   <item android:state_selected="true"
        android:drawable="@drawable/X5" />
    <!-- 获得焦点时的图片背景 -->
   <item android:state_focused="true"
        android:drawable="@drawable/X5" />
</selector>

4. Android绘图技巧

4.1. Canvas

Canvas.save()：保存画布，将之前的所有已绘制图像保存起来，让后续的操作就好像在一个新的图层上操作一样
Canvas.restore()：合并图层操作，将在save()之后绘制的所有图像与save()之前的图像进行合并
Canvas.translate()：画布平移，即坐标系平移。在调用translate(x, y)方法之后，则将原点(0, 0)移动到了(x, y)，之后的所有绘图操作都将以(x, y)为原点执行
Canvas.rotate()：画布翻转，即坐标系翻转，将坐标系旋转一定的角度