概述

这里我们主要来探讨下

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

绘图技巧中,医生讲的比较粗略,更多的细节参考了 ​​Keegan小钢的博文​


屏幕的尺寸信息

Android手机屏幕,不管是分辨率还是大小,五花八门。。。要想在不同的屏幕上保持绘图的准确性,需要对屏幕有充分的认识.

屏幕参数

  • 屏幕大小
    指屏幕对角线的长度,通常用寸来表示。比如5.5寸手机等….
  • 分辨率
    指手机屏幕的像素点的个数,比如720X1280就是指的屏幕的分辨率 宽有720个像素点,高有1280个像素点
  • PPI
    指的是 每英寸(Pixels Per Inch),又被称为DPI (Dots Per Inch). 它是由对角线的像素点 除以 屏幕的大小得到的。 通常400PPI已经是非常高的屏幕密度了。

系统屏幕密度

系统定义了几个标准DPI的值,作为手机的固定的DPI

Android绘图机制与处理技巧-更新中_android

​ 。​


独立像素密度dp

Android使用mdpi即密度值为160的屏幕作为标准,在这个屏幕上 1px = 1dp .

其他屏幕则可以通过比例进行换算。

在mdpi中 1dp = 1px

在hdpi中 1dp = 1.5px

在xhdpi中 1dp = 2px

在xxhdpi中 1dp = 3px.

各个比例之间的的换算比例

ldp:mdpi:hdpi:xhdpi:xxhdpi = 3:4:6:8:12


单位转换-DisplayUtil

import android.app.Activity;
import android.content.Context;
import android.graphics.Rect;
import android.util.DisplayMetrics;
import android.view.Window;
import android.view.WindowManager;

/**
* MyApp
*
* @author Mr.Yang on 2016-04-10 21:58.
* @version 1.0
* @desc
*/
public class DisplayUtil {

/**
* 获取手机屏幕高度,以px为单位
*
* @param context
* @return
*/
public static int getScreenHeight(Context context) {
DisplayMetrics metrics = new DisplayMetrics();
WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
manager.getDefaultDisplay().getMetrics(metrics);
return metrics.heightPixels;
}

/**
* 获取手机屏幕宽度,以px为单位
*
* @param context
* @return
*/
public static int getScreenWidth(Context context) {
DisplayMetrics metrics = new DisplayMetrics();
WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
manager.getDefaultDisplay().getMetrics(metrics);
return metrics.widthPixels;
}

/**
* 返回程序window宽度
*
* @return
*/
public static int getWindowWidth(Activity activity) {
return activity.getWindow().findViewById(Window.ID_ANDROID_CONTENT).getWidth();
}

/**
* 返回程序window高度,不包括通知栏和标题栏
*
* @return
*/
public static int getWindowContentHeight(Activity activity) {
return activity.getWindow().findViewById(Window.ID_ANDROID_CONTENT).getHeight();
}

/**
* 返回程序window高度,不包括通知栏
*
* @return
*/
public static int getWindowHeight(Activity activity) {
return getScreenHeight(activity) - getStatusBarHeight(activity);
}

/**
* 返回屏幕像素密度
*
* @param context
* @return
*/
public static float getPixelDensity(Context context) {
return context.getResources().getDisplayMetrics().density;
}

/**
* 返回状态栏高度
*
* @param activity
* @return
*/
public static int getStatusBarHeight(Activity activity) {
Rect outRect = new Rect();
activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(outRect);
return outRect.top;
}

public static int getTitleBarHeight(Activity activity) {
return getScreenHeight(activity) - getWindowContentHeight(activity) - getStatusBarHeight(activity);
}

/**
* 单位转换,将dip转换为px,保证尺寸大小不变
*
* @param dp
* @param context
* @return
*/
public static int dip2px(float dp, Context context) {
float scale = context.getResources().getDisplayMetrics().density;
return (int) (dp * scale + 0.5f);
}

/**
* 单位转换,将px转换为dip,保证尺寸大小不变
*
* @param px
* @param context
* @return
*/
public static int px2dip(float px, Context context) {
float scale = context.getResources().getDisplayMetrics().density;
return (int) (px / scale + 0.5f);
}

/**
* 将px值转换为sp值,保证文字大小不变
* @param context
* @param pxValue
* @return
*/
public static int px2sp(Context context, float pxValue) {
float scaleDensity = context.getResources().getDisplayMetrics().scaledDensity;//缩放密度
return (int) (pxValue / scaleDensity + 0.5f);
}

/**
* 将sp的值转换为px的值,保证字体大小不变
* @param context
* @param spValue
* @return
*/
public static int sp2px(Context context, float spValue) {
float scaleDensity = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (spValue * scaleDensity + 0.5f);
}


}

以上是通过公式换算方法进行转换,

同时,系统也提供了​​TypedValue​​类帮助我们转换

/**
* 使用系统提供的TypedValue类转换
*/

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


protected int sp2px(int sp){
return (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
sp,
getResources().getDisplayMetrics());
}

2D绘图基础

因篇幅原因,请移步本人博客​​ Android-2D绘图基础​


Android XML绘图

请查看 ​​Android-Xml绘图​


Android绘图技巧

Canvas

详情请查看 ​​Canvas类:画布​


Layer图层

概述

使用过PS的童鞋都一定会非常的清除,一张复杂的画可以由多个图层叠加起来,形成一个复杂的图像。

在Android中,使用saveLayer()方法来创建一个图层,图层同样是基于栈的结构进行管理的。

Android绘图机制与处理技巧-更新中_android_02

Android中通过调用saveLayer()saveLayerAlpha()方法将一个图层入栈,使用restore()restoreToCount()方法将一个图层出栈。

入栈的时候后面所有的操作都将发生在这个图层上

出栈的时候,则会把图像绘制到上层Canvas上。

示例

public class LayerDemoActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(new CustomLayer(this));

}

/**
* 自定义View
*/
class CustomLayer extends View {

private Paint mPaint;

private static final int LAYER_FLAGS =
Canvas.MATRIX_SAVE_FLAG |
Canvas.CLIP_SAVE_FLAG |
Canvas.HAS_ALPHA_LAYER_SAVE_FLAG |
Canvas.FULL_COLOR_LAYER_SAVE_FLAG |
Canvas.CLIP_TO_LAYER_SAVE_FLAG;


public CustomLayer(Context context) {
super(context);
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
}

@Override
protected void onDraw(Canvas canvas) {
// 画布背景白色
canvas.drawColor(Color.WHITE);
// 画笔红色
mPaint.setColor(Color.BLUE);
// 画圆 以150,150为圆心,100为半径
canvas.drawCircle(150, 150, 100, mPaint);
// 具体的透明度效果 可以参考第5个参数,取值范围0~255,值越大越不透明
canvas.saveLayerAlpha(0, 0, 400, 400, 125, LAYER_FLAGS);

mPaint.setColor(Color.RED);
canvas.drawCircle(200, 200, 100, mPaint);
canvas.restore();
}

}
}

Android绘图机制与处理技巧-更新中_图像处理_03


Android图像处理之色彩特效处理

色彩矩阵分析

Android颜色矩阵-ColorMatrix

常用图像颜色矩阵处理效果

像素点分析

常用图像像素点处理效果

Android图像处理之图形特效处理

Android变形矩阵-Matrix

像素块分析

Android图像处理之画笔特效处理

PorterDuffXfermode

Shader

PathEffect

View之孪生兄弟-SurfaceView

SurfaceView和View的区别

SurfaceView的使用

SurfaceView实例