概述
这里我们主要来探讨下
- Android屏幕的相关只是
- Android绘图技巧
- Android图像处理技巧
- SurfaceView的使用
绘图技巧中,医生讲的比较粗略,更多的细节参考了 Keegan小钢的博文
屏幕的尺寸信息
Android手机屏幕,不管是分辨率还是大小,五花八门。。。要想在不同的屏幕上保持绘图的准确性,需要对屏幕有充分的认识.
屏幕参数
屏幕大小
指屏幕对角线的长度,通常用寸来表示。比如5.5寸手机等….
分辨率
指手机屏幕的像素点的个数,比如720X1280就是指的屏幕的分辨率 宽有720个像素点,高有1280个像素点
PPI
指的是 每英寸(Pixels Per Inch),又被称为DPI (Dots Per Inch). 它是由对角线的像素点 除以 屏幕的大小得到的。 通常400PPI已经是非常高的屏幕密度了。
系统屏幕密度
系统定义了几个标准DPI的值,作为手机的固定的DPI
独立像素密度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中通过调用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(); } } }