概述

这里我们主要来探讨下

  • 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 {@Overrideprotected 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);}@Overrideprotected 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图像处理之色彩特效处理

色彩矩阵分析

Android颜色矩阵-ColorMatrix

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

像素点分析

常用图像像素点处理效果

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

Android变形矩阵-Matrix

像素块分析

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

PorterDuffXfermode

Shader

PathEffect

View之孪生兄弟-SurfaceView

SurfaceView和View的区别

SurfaceView的使用

SurfaceView实例

Android绘图机制与处理技巧-更新中相关推荐

  1. Android群英传》读书笔记 (3) 第六章 Android绘图机制与处理技巧 + 第七章 Android动画机制与使用技巧...

    第六章 Android绘图机制与处理技巧 1.屏幕尺寸信息 屏幕大小:屏幕对角线长度,单位"寸": 分辨率:手机屏幕像素点个数,例如720x1280分辨率: PPI(Pixels ...

  2. 第六章Android绘图机制与处理技巧(Android群英传)

    本章将介绍关于Andorid绘图机制的一些高级技巧与分析 6.1.屏幕的尺寸信息 一般我们以720x1280为标准原稿,那么1dp = 2px 6.2.2D绘图基础 Canvas提供了很多api 如: ...

  3. android 特效绘图,Android绘图机制与处理技巧——Android图像处理之图形特效处理...

    Android变形矩阵--Matrix 对于图像的图形变换,Android系统是通过矩阵来进行处理的,每个像素点都表达了其坐标的X.Y信息.Android的图形变换矩阵是一个3x3的矩阵,如下图所示: ...

  4. Android绘图机制(三)——自定义View的实现方式以及半弧圆新控件

    Android绘图机制(三)--自定义View的三种实现方式以及实战项目操作 在Android绘图机制(一)--自定义View的基础属性和方法 里说过,实现自定义View有三种方式,分别是 1.对现有 ...

  5. Android绘图机制 Demo(简单完成美图秀秀的滤镜)

    Android绘图机制 Demo(简单完成美图秀秀的滤镜) 1.xml <?xml version="1.0" encoding="utf-8"?> ...

  6. Android绘图机制(二)——自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解

    Android绘图机制(二)--自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解 我们要想画好一些炫酷的View,首先我们得知道怎么去画一些基础的图案,比如矩形,圆 ...

  7. ListView使用技巧-更新中

    虽然在Android5.X中,RecyclerView在很多地方组件取代了ListView,但是ListView的使用依然是分广泛. 本博文将对以下两方面的内容进行介绍 1. ListView常用技巧 ...

  8. Android 动画机制与使用技巧

    动画效果一直是人机交互中非常重要的部分,与死板.突兀的显示效果不同,动画效果的加入,让交互变得更加友好,特别是在提示.引导类的场景中,合理地使用动画能让用户获得更加愉悦的使用体验 一.Android ...

  9. Android笔试题大全(持续更新中),安卓应用开发项目

    8. Service中如何实现更改Activity界面元素 ( B ) A.通过把当前activity对象传递给service对象 B.通过向Activity发送广播 C.通过Context对象更改A ...

最新文章

  1. SQLite第三方框架FMDB的使用,以及使用FMDatabaseQueue保证线程安全
  2. Springboot + redis + 注解 + 拦截器来实现接口幂等性校验
  3. 数据库 SQL 优化大总结之:百万级数据库优化方案
  4. Apache服务器 配置多个网站解决方案
  5. linux文件描述符设置
  6. 设置DateChooser控件的头部文字对齐方式.
  7. java 内省 反射_Java的反射和内省
  8. java语言特点 字符串不变_面试必问:Java中String类型为什么设计成不可变的?
  9. 264分析两大利器:264VISA和Elecard StreamEye Tools
  10. 自然语言处理以及对话系统知识点总结
  11. 用Java描述数据结构之线性表的顺序存储(顺序表),ArrayList及其方法的介绍
  12. PHPCMS修改目录
  13. 年薪百万架构师首次分享 Java 程序员黄金 5 年进阶心得!
  14. Codeforces 994 C - Two Squares
  15. 高职计算机热门专业有哪些,2014年高职高专十大热门专业
  16. 精美商业计划书PPT模版大合集(共107份,900M)
  17. win10好用的小软件(小插件)
  18. 群晖 docker 版 transmission 安装 Web UI
  19. kindle for PC更新后无法打开解决方案
  20. AT32F415 AT32F421 ERTC 时间戳的使用

热门文章

  1. c++ decltype
  2. C++文件类(文件流类)及用法详解
  3. 5. Leetcode 15. 三数之和 (数组-双向双指针)
  4. NLP-基础知识-003(词性标注)
  5. NTU 课程笔记: PNP
  6. 算法解密:电梯是如何实现上下调度的?
  7. 阿里数据中台系列之Apsara Stack控制台初始化配置及资源管理(二)
  8. 【Python刷题】_2
  9. flink window实例分析
  10. 有赞订单管理的三生三世与“十面埋伏”