Android群英传笔记——第六章：Android绘图机制与处理技巧

Android群英传笔记——第六章：Android绘图机制与处理技巧

一直在情调，时间都是可以自己调节的，不然世界上哪有这么多牛X的人

今天就开始读第六章了，算日子也刚好一个月了，一个月就读一半，这效率也确实有点低了，自己还要加把劲，争取四月底全部看完，第六章讲的是Android的绘图机制，应该算是比较核心的东西了，不管什么功能，最终都是以图形的方式呈现给用户的，因此，掌握Android的绘图技巧，可以在让你设计应用的时候更加的随心所欲，对Android的理解更高

基本的绘图方法，相信读者都已经很清楚了，我们这章就开始玩高级的东西了

• Android屏幕相关知识
• Android绘图技巧
• Android图像处理技巧
• SurfaceView的使用

一.屏幕的尺寸信息

屏幕的尺寸，我在画.9的时候已经提过Android UI技巧（一）——Android中伸缩自如的点9图片切法，没有美工自给自足
主要还是因为Android的屏幕确实五花八门，所以在一定程度上的适配问题也是很捉急的，所以我们要对这块屏幕充分的认识

1.屏幕参数

一块屏幕通常具备以下的几个参数

• 屏幕大小

指屏幕对角线的长度，通常用寸来表示，例如4.7寸，5.5寸

• 分辨率

分辨率是指实际屏幕的像素点个数，例如720X1280就是指屏幕的分辨率，宽有720个像素点，高有1280个像素点

• PPI

每英寸像素又称为DPI，他是由对角线的的像素点数除以屏幕的大小所得，通常有400PPI就已经很6了

2.系统屏幕密度

每个厂商的安卓手机具有不同的大小尺寸和像素密度的屏幕，安卓系统如果要精确到每种DPI的屏幕，基本上是不可能的，因此系统定义了几个标准的DPI

图片

3.独立像素密度dp

这是由于各种屏幕密度的不同,导致同样像素大小的长度，在不同密度的屏幕上显示长度不同，因此相同长度的屏幕，高密度的屏幕包含更多的像素点，在安卓系统中使用mdpi密度值为160的屏幕作为标准，在这个屏幕上，1px = 1dp，其他屏幕则可以通过比例进行换算，例如同样是100ｄｐ的长度，mdpi中为100px，而在hdpi中为150，我们也可以得出在各个密度值中的换算公式，在mdpi中 1dp = 1px, 在hdpi中， 1dp = 1.5px，在xhdpi中，1dp = 2px,在xxhdpi中1dp = 3px,由此可见，我们换算公司 l:m:h:xh:xxh = 3:4:6:8:12

4.单位换算

在程序中，我们可以非常方便地对一些单位的换算，下面的代码给出了一种换算的方法我们可以把这些代码作为工具类保存在项目中

package com.lgl.playview;

import android.content.Context;


/** * dp，sp转换成px的工具类 * Created by lgl on 16/3/23. */
public class DisplayUtils {

    /** * 将px值转换成dpi或者dp值，保持尺寸不变 * * @param content * @param pxValus * @return */
    public static int px2dip(Context content, float pxValus) {
        final float scale = content.getResources().getDisplayMetrics().density;
        return (int) (pxValus / scale + 0.5f);
    }

    /** * 将dip和dp转化成px,保证尺寸大小不变。 * * @param content * @param pxValus * @return */
    public static int dip2px(Context content, float pxValus) {
        final float scale = content.getResources().getDisplayMetrics().density;
        return (int) (pxValus / scale + 0.5f);
    }

    /** * 将px转化成sp,保证文字大小不变。 * * @param content * @param pxValus * @return */
    public static int px2sp(Context content, float pxValus) {
        final float fontScale = content.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValus / fontScale + 0.5f);
    }

    /** * 将sp转化成px,保证文字大小不变。 * * @param content * @param pxValus * @return */
    public static int sp2px(Context content, float pxValus) {
        final float fontScale = content.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValus / fontScale + 0.5f);
    }
}

其实的density就是前面所说的换算比例，这里使用的是公式换算方法进行转换，同时系统也提供了TypedValue帮助我们转换

 /** * dp2px * @param dp * @return */
    protected int dp2px(int dp){
        return (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,dp,getResources().getDisplayMetrics());
    }

    /** * sp2px * @param dp * @return */
    protected int sp2px(int sp){
        return (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,sp,getResources().getDisplayMetrics());
    }

二.2D绘图基础

系统通过提供的Canvas对象来提供绘图方法，它提供了各种绘制图像的API,drawLine,deawPoint,drawRect,drawVertices,drawAce,drawCircle等等,我以前写过Android绘图机制（二）——自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解，通过他们的名字我们基本可以大致了解他们的功能，当然，Paint作为一个非常重要的元素功能也非常强大这里也简单地列举了一些他的属性Android绘图机制（一）——自定义View的基础属性和方法

   setAntiAlias();            //设置画笔的锯齿效果

　　setColor();                //设置画笔的颜色

　　setARGB();                 //设置画笔的A、R、G、B值

　　setAlpha();                //设置画笔的Alpha值

　　setTextSize();             //设置字体的尺寸

　　setStyle();                //设置画笔的风格（空心或实心）

　　setStrokeWidth();          //设置空心边框的宽度

　　getColor();                //获取画笔的颜色

是由于画笔功能的不一样，再结合各种不同的绘图API，这样任意组合就可以实现不同的绘图效果，比如同样是矩形设置Paint就Style可以画出空心或者实心，我们来看看RectView

package com.lgl.playview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

/** * Created by lgl on 16/3/23. */
public class RectView extends View {

    private Paint paint1,paint2;

    public RectView(Context context, AttributeSet attrs) {
        super(context, attrs);

        initView();
    }

    private void initView() {

        paint1 = new Paint();
        paint1.setColor(Color.BLUE);
        paint1.setAntiAlias(true);
        //空心
        paint1.setStyle(Paint.Style.STROKE);

        paint2 = new Paint();
        paint2.setColor(Color.BLUE);
        //实心
        paint2.setStyle(Paint.Style.FILL);

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        canvas.drawRect(50,100,300,300,paint1);
        canvas.drawRect(350,400,700,700,paint2);
    }
}

运行起来就是

如果有不明白的，可以仔细看下我Android绘图机制（二）——自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解，这里就不再详细描述了

三.Android XML 绘图

XML在安卓系统中可不仅仅是JAVA中的一个布局文件配置列表，在安卓开发者的手头上他甚至可以变成一张画，一幅画，Android开发者给XML提供了几个强大的属性

1.Bitmap

在XML中使用Bitmap很简单

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

</bitmap>

通过这样引用图片就可以将图片直接转化成Bitmap让我们在程序中使用

2.Shape

明天继续