Android群英传--绘图机制与处理技巧（一）

1. 基本概念：

屏幕大小：指的是屏幕对较线的长度，通常使用寸作为单位，1寸=3.333˙厘米

分辨率：指的是手机屏幕的像素点个数，如720x1080就是说宽有720个像素点，高有1080个像素点（竖直方向）

PPI/DPI：每英寸（1英寸=2.54厘米）像素，由对角线的像素点数（对角线像素点数=宽像素点数2+高像素点数2−−−−−−−−−−−−−−−−−−√）除以对角线长度得出。

DP/DIP：独立像素密度。Android规定使用mdpi（即像素密度值为160）作为屏幕的标准，在这个屏幕上，1PX = 1DP。

其他的分辨率的换算比例：
ldpi：mdpi：hdpi：xhdpi：xxhdpi = 3：4：6：8：12

ps：截取的友盟指数：2016年2月份（Android机型）

附常见单位总结：

in（英寸）：长度单位。
mm（毫米）：长度单位
cm（厘米）：长度单位
pt（磅）：长度单位，1pt = 1/72英寸，常用于排版

px（像素）：屏幕上的像素点
dp/dip（独立像素密度）：在每英寸160点像素点的显示器上，1dp = 1px
sp（放大像素）：与dp类似，但是可以根据用户的字体大小首选项进行缩放。

---

2. 绘图分类：

Android常见的绘图有两种：View绘图和XML绘图。

1. View绘图中有三种常用的类：View类，SurfaceView类，GLSurfaceView类。

   View类是主要的绘图类，重写其onDraw()方法来进行自定义的绘制。需要手动更新。

   SurfaceView的UI就可以在一个独立的线程中进行绘制，又由于不会占用主线程资源，主要是用于更新频率较快的场景，如游戏画面的渲染等。

   GLSurfaceView主要是用于绘制三维的视图，承载OpenGL ES的一个集合类。

2. XML绘图常用的标签有：Bitmap（位图），Shape（形状），Layer（图层），Selector（选择器）。

Bitmap（位图）：可以直接把图片转换成Bitmap保存起来，便于调用。

<!--将drawable下的ic_launcher图片转换成bitmap--><?xml version="1.0" encoding="utf-8"?><bitmap xmlns:android="http://schemas.android.com/apk/res/android"    android:src="@drawable/ic_launcher"></bitmap>

Shape（形状）：可以自己定制图形，并方便的应用于background，src等属性上。

shape支持的属性：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle(矩形) || line（线条） || oval（椭圆） || ring（圆）">    <!--当shape为rectangle时使用，可以设置矩形的四个角的半径，常用来画圆角矩形，radius属性会后边的单独的radius属性覆盖-->    <corners        android:radius="整形值"  //四个角的半径        android:topLeftRadius="整形值" //左上角半径        android:topRightRadius="整形值" //右上角半径        android:bottomLeftRadius="整形值" //左下角半径        android:bottomRightRadius="整形值"/> //右下角半径    <gradient  //渐变效果        android:type=" linear （线性）|| sweep（扫描状）|| radial（放射状）" //渐变类型        android:startColor="color" //渐变开始颜色        android:endColor="color" //渐变结束颜色        android:angle="整形" //    />    <padding //内填充边距        android:left="整形值" //左边距        android:top="整形值" //上边距        android:right="整形值" // 右边距        android:bottom="整形值" /> // 下边距    <size  //尺寸大小        android:width="整形值"//宽        android:height="整形值"//高        />    <solid //填充色        android:color="color"        />    <stroke //边框        android:width="整形"        android:color="color"        /></shape>

<!--Shape的一个简单示例，效果如下图--><?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <gradient        android:type="sweep"        android:startColor="#ff5da2ff"        android:endColor="#805fbbff"        android:angle="45"/>    <padding        android:left="7dp"        android:top="7dp"        android:right="7dp"        android:bottom="7dp" />    <corners        android:radius="8dp"/></shape>

Layer（图层）：作用相当于Photoshop中的图层一样，实现图片的依次叠加。

<!--效果如下图--><?xml version="1.0" encoding="utf-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="20.0dp"        android:top="20.0dp"        android:bottom="20.0dp"        android:right="20.0dip" /></layer-list>

Selector：选择器，可以实现组件在不同状态下的反馈，比如无焦点时，选中时，点击时的反馈效果。

<!--还有很多属性尚未列出--><?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="#80f7b4" /><!--默认时的背景-->    <item        android:state_pressed="false"        android:drawable="#0780f2"/><!--未被点击的效果-->    <item        android:state_pressed="true"        android:drawable="#03fd95"/><!--被点击时的效果--></selector>