Android绘图机制与处理技巧-更新中
【摘要】
概述
这里我们主要来探讨下
Android屏幕的相关只是Android绘图技巧Android图像处理技巧SurfaceView的使用
绘图技巧中，医生讲的比较粗略，更多的细节参考了 Keegan小钢...
概述
这里我们主要来探讨下
- 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);
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
- 134
- 135
- 136
- 137
- 138
- 139
- 140
- 141
- 142
- 143
- 144
以上是通过公式换算方法进行转换，
同时，系统也提供了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());
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
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();
}
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
Android图像处理之色彩特效处理
色彩矩阵分析
Android颜色矩阵-ColorMatrix
常用图像颜色矩阵处理效果
像素点分析
常用图像像素点处理效果
Android图像处理之图形特效处理
Android变形矩阵-Matrix
像素块分析
Android图像处理之画笔特效处理
PorterDuffXfermode
Shader
PathEffect
View之孪生兄弟-SurfaceView
SurfaceView和View的区别
SurfaceView的使用
SurfaceView实例
文章来源: artisan.blog.csdn.net，作者：小小工匠，版权归原作者所有，如需转载，请联系作者。
原文链接：artisan.blog.csdn.net/article/details/51115149
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）