Android中的高级绘图操作

最新推荐文章于 2019-08-07 21:28:03 发布
最新推荐文章于 2019-08-07 21:28:03 发布
阅读量669 收藏
点赞数
分类专栏： Android 文章标签： canvas 绘图操作 绘图模式 shader matrix
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28946307/article/details/51395457
版权

绘图模式

  • 16种效果图如下
    这里写图片描述

1.PorterDuff.Mode.CLEAR

所绘制不会提交到画布上。
2.PorterDuff.Mode.SRC

显示上层绘制图片
3.PorterDuff.Mode.DST

显示下层绘制图片
4.PorterDuff.Mode.SRC_OVER

正常绘制显示，上下层绘制叠盖。
5.PorterDuff.Mode.DST_OVER

上下层都显示。下层居上显示。
6.PorterDuff.Mode.SRC_IN

取两层绘制交集。显示上层。
7.PorterDuff.Mode.DST_IN

取两层绘制交集。显示下层。
8.PorterDuff.Mode.SRC_OUT

取上层绘制非交集部分。
9.PorterDuff.Mode.DST_OUT

取下层绘制非交集部分。
10.PorterDuff.Mode.SRC_ATOP

取下层非交集部分与上层交集部分
11.PorterDuff.Mode.DST_ATOP

取上层非交集部分与下层交集部分
12.PorterDuff.Mode.XOR

13.PorterDuff.Mode.DARKEN

14.PorterDuff.Mode.LIGHTEN

15.PorterDuff.Mode.MULTIPLY

16.PorterDuff.Mode.SCREEN

public class SecActivity extends AppCompatActivity implements View.OnClickListener {

    private Button button_clear, button_src, button_dst, button_srcOver;
    private Button button_dstOver, button_srcIn, button_dstIn, button_srcOut;
    private Button button_dstOut, button_srcAtop, button_dstAtop, button_xOr;
    private Button button_darken, button_lighten, button_multiply, button_srceen;
    private ImageView imageView;
    private int width,height;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sec);
        init();
        initListener();
    }

    private void initListener() {
        button_clear.setOnClickListener(this);
        button_src.setOnClickListener(this);
        button_dst.setOnClickListener(this);
        button_srcOver.setOnClickListener(this);

        button_dstOver.setOnClickListener(this);
        button_srcIn.setOnClickListener(this);
        button_dstIn.setOnClickListener(this);
        button_srcOut.setOnClickListener(this);

        button_dstOut.setOnClickListener(this);
        button_srcAtop.setOnClickListener(this);
        button_dstAtop.setOnClickListener(this);
        button_xOr.setOnClickListener(this);

        button_darken.setOnClickListener(this);
        button_lighten.setOnClickListener(this);
        button_multiply.setOnClickListener(this);
        button_srceen.setOnClickListener(this);
    }

    private void init() {
        button_darken = (Button) findViewById(R.id.button_darken);
        button_lighten = (Button) findViewById(R.id.button_lighten);
        button_multiply = (Button) findViewById(R.id.button_multiply);
        button_srceen = (Button) findViewById(R.id.button_screen);

        button_dstOut = (Button) findViewById(R.id.button_dstOut);
        button_srcAtop = (Button) findViewById(R.id.button_srcAtop);
        button_dstAtop = (Button) findViewById(R.id.button_dstAtop);
        button_xOr = (Button) findViewById(R.id.button_xOr);

        button_dstOver = (Button) findViewById(R.id.button_dstOver);
        button_srcIn = (Button) findViewById(R.id.button_srcIn);
        button_dstIn = (Button) findViewById(R.id.button_dstIn);
        button_srcOut = (Button) findViewById(R.id.button_srcOut);

        imageView = (ImageView) findViewById(R.id.imageView_Sec);
        button_clear = (Button) findViewById(R.id.button_clear);
        button_src = (Button) findViewById(R.id.button_src);
        button_dst = (Button) findViewById(R.id.button_dst);
        button_srcOver = (Button) findViewById(R.id.button_srcOver);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            //点击不同的按钮来执行不同的画图模式画图
            case R.id.button_clear:
                drawMode(PorterDuff.Mode.CLEAR);
                break;
            case R.id.button_src:
                drawMode(PorterDuff.Mode.SRC);
                break;
            case R.id.button_dst:
                drawMode(PorterDuff.Mode.DST);
                break;
            case R.id.button_srcOver:
                drawMode(PorterDuff.Mode.SRC_OVER);
                break;

            case R.id.button_dstOver:
                drawMode(PorterDuff.Mode.DST_OVER);
                break;
            case R.id.button_srcIn:
                drawMode(PorterDuff.Mode.SRC_IN);
                break;
            case R.id.button_dstIn:
                drawMode(PorterDuff.Mode.DST_IN);
                break;
            case R.id.button_srcOut:
                drawMode(PorterDuff.Mode.SRC_OUT);
                break;

            case R.id.button_dstOut:
                drawMode(PorterDuff.Mode.DST_OUT);
                break;
            case R.id.button_srcAtop:
                drawMode(PorterDuff.Mode.SRC_ATOP);
                break;
            case R.id.button_dstAtop:
                drawMode(PorterDuff.Mode.DST_ATOP);
                break;
            case R.id.button_xOr:
                drawMode(PorterDuff.Mode.XOR);
                break;
            case R.id.button_darken:
                drawMode(PorterDuff.Mode.DARKEN);
                break;
            case R.id.button_lighten:
                drawMode(PorterDuff.Mode.LIGHTEN);
                break;
            case R.id.button_multiply:
                drawMode(PorterDuff.Mode.MULTIPLY);
                break;
            case R.id.button_screen:
                drawMode(PorterDuff.Mode.SCREEN);
                break;
        }
    }

    //这是绘制矩形的方法
    public Bitmap drawRectOnCanves() {
        Bitmap bitmap = Bitmap.createBitmap(imageView.getWidth(), imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        RectF rectF = new RectF(0, 0, imageView.getWidth()/2, imageView.getHeight()/2);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(Color.GREEN);
        canvas.drawRect(rectF, paint);
        return bitmap;
    }

    //这是绘制圆形的方法
    public Bitmap drawCircleOnCanves() {
        Bitmap bitmap = Bitmap.createBitmap(imageView.getWidth(), imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        RectF rectF = new RectF(imageView.getWidth()/4, imageView.getHeight()/4, imageView.getWidth()/4*3, imageView.getHeight()/4*3);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(Color.BLUE);
        canvas.drawOval(rectF, paint);
        return bitmap;
    }

    public void drawMode(PorterDuff.Mode mode) {
        Bitmap bitmap = Bitmap.createBitmap(imageView.getWidth(), imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        canvas.drawColor(Color.GRAY);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        //设置画布支持多图层
        int sc = canvas.saveLayer(0, 0, imageView.getWidth(), imageView.getHeight(), paint,
                Canvas.ALL_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG | Canvas.CLIP_TO_LAYER_SAVE_FLAG |
                        Canvas.FULL_COLOR_LAYER_SAVE_FLAG | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG | Canvas.MATRIX_SAVE_FLAG);
        //先画矩形作为底层图层
        canvas.drawBitmap(drawRectOnCanves(), 0, 0, paint);
        //根据传进来的参数设置相应的模式
        if (mode != null) {
            paint.setXfermode(new PorterDuffXfermode(mode));
        }
        //然后再画圆形作为上层图层
        canvas.drawBitmap(drawCircleOnCanves(), 0, 0, paint);
        canvas.restoreToCount(sc);
        imageView.setImageBitmap(bitmap);
    }
}

这里写图片描述

绘制不同样式的折线

        Paint paint = new Paint();
        paint.setStrokeWidth(8);
        //设置画笔的样式   Paint.Style.STROKE空心画笔     Paint.Style.FILL实心画笔
        paint.setStyle(Paint.Style.STROKE);
        //新建路径对象
        Path path = new Path();
        //设置路径的开始点
        path.moveTo(0,0);
        //随机后面的点的坐标
        for (int i = 1; i <=15 ; i++) {
            path.lineTo(i * 40, (float) (Math.random()*60));
        }
        int[] colors = new int[]{
                Color.BLACK,Color.BLUE,Color.CYAN,Color.DKGRAY,Color.GRAY,Color.GREEN,
                Color.RED};



        Bitmap bitmap = Bitmap.createBitmap(imageView.getWidth(), imageView.getHeight(), Bitmap.Config.ARGB_8888);
        //在我的bitmap对象上创建我的画布
        Canvas canvas = new Canvas(bitmap);
        //第一种路径，原始效果
        patheffects[0] = null;
        //第二种圆角路径
        patheffects[1] = new CornerPathEffect(10);
        //第三种路径效果
        patheffects[2] = new DashPathEffect(new float[]{1, 3, 6, 3}, 0);
        //第四种路径效果
        patheffects[3] = new DiscretePathEffect(3, 5);

        Path path2 = new Path();
        //第五种路径效果
        path2.addRect(0, 0, 8, 8, Path.Direction.CCW);
        patheffects[4] = new PathDashPathEffect(path2, 12, 0, PathDashPathEffect.Style.ROTATE);
        //第六种路径效果
        patheffects[5] = new ComposePathEffect(patheffects[3], patheffects[4]);
        //第七种路径
        patheffects[6] = new SumPathEffect(patheffects[4], patheffects[2]);
        canvas.translate(8, 8);
        for (int i = 0; i < 7; i++) {
            paint.setPathEffect(patheffects[i]);
            paint.setColor(colors[i]);
            canvas.drawPath(path, paint);
            //每画完一种路径，将画布向上移动60px，再去画下一种折线格式
            canvas.translate(0, 60);
        }
        imageView.setImageBitmap(bitmap);

这里写图片描述

绘制表盘

        Bitmap bitmap = Bitmap.createBitmap(imageView.getWidth(), imageView.getHeight(), Bitmap.Config.ARGB_8888);
        //在我的bitmap对象上创建我的画布
        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        paint.setColor(Color.BLACK);
        paint.setAntiAlias(true);
        paint.setStrokeWidth(4);
        paint.setTextSize(20);
        //设置画笔的风格    Paint.Style.STROKE空心画笔     Paint.Style.FILL实心画笔
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(imageView.getWidth() / 2, imageView.getHeight() / 2, imageView.getHeight() / 2 - 10, paint);
        canvas.save();
        //我们将画布进行适当的旋转，就可以完成表盘的简单绘制
        //这里就是进行相应的计算来绘制表盘的各种细节
        for (int i = 1; i <= 12; i++) {
            canvas.rotate(30, imageView.getWidth() / 2, imageView.getHeight() / 2);
            canvas.drawLine(imageView.getWidth() / 2, 15, imageView.getWidth() / 2, 25, paint);
            canvas.drawText(i + "", imageView.getWidth() / 2 - 7, 50, paint);
        }
        //画布旋转完毕之后进行还原
        canvas.restore();
        imageView.setImageBitmap(bitmap);

这里写图片描述

着色器Shader

  • 分为五种
    LinearGradient
    线性渐变
    RadiaGradient
    环形渐变
    SweepGradient
    扇形渐变
    BitmapShader
    图片着色器
    ComposeShader
    组个着色器
着色器Shader的样式TileMode

  • 分为三种TileMode
    TileMode.CLAMP，设置为该Mode时画笔会根据最后一个颜色继续向下绘制
    TileMode.REPAET，设置为该Mode时，画笔会重复之前的绘制
    TileMode.MIRROR，设置为该Mode时，画笔会镜像的绘制

  • 使用方式比较简单，代码如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private Button button,button2,button3,button4,button5,button_next;
    private ImageView imageView;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

    private void init() {
        button= (Button) findViewById(R.id.button);
        button2= (Button) findViewById(R.id.button2);
        button3= (Button) findViewById(R.id.button3);
        button4= (Button) findViewById(R.id.button4);
        button5= (Button) findViewById(R.id.button5);
        button_next= (Button) findViewById(R.id.button6);

        button.setOnClickListener(this);
        button2.setOnClickListener(this);
        button3.setOnClickListener(this);
        button4.setOnClickListener(this);
        button5.setOnClickListener(this);
        button_next.setOnClickListener(this);
        imageView= (ImageView) findViewById(R.id.imageView);
    }


    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button:
                //线性渐变
                drawLinearGradient();
                break;
            case R.id.button2:
                //环形渐变
                drawRadiaGradient();
                break;
            case R.id.button3:
                //扇形渐变
                drawSweepGradient();
                break;
            case R.id.button4:
                //图片着色器
                drawBitmapShader();
                break;
            case R.id.button5:
                //组个着色器
                drawComposeShader();
                break;
            case R.id.button6:
                startActivity(new Intent(this,SecActivity.class));
                break;

        }
    }

    private void drawComposeShader() {
        SweepGradient sweepGradient=new SweepGradient(imageView.getWidth()/2,imageView.getHeight()/2,Color.GREEN,Color.BLUE);
        LinearGradient linearGradient=new LinearGradient(0,0,100,0, Color.BLUE,Color.GREEN, Shader.TileMode.MIRROR);
        ComposeShader composeShader=new ComposeShader(sweepGradient,linearGradient, PorterDuff.Mode.LIGHTEN);
        Bitmap bitmap=Bitmap.createBitmap(imageView.getWidth(),imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        Paint paint=new Paint();
        paint.setShader(composeShader);
        canvas.drawRect(0,0,imageView.getWidth(),imageView.getHeight(),paint);
        imageView.setImageBitmap(bitmap);
    }

    private void drawBitmapShader() {
        BitmapShader bitmapShader=new BitmapShader(BitmapFactory.decodeResource(getResources(),R.mipmap.aqi_bg_you), Shader.TileMode.MIRROR, Shader.TileMode.MIRROR);
        Bitmap bitmap=Bitmap.createBitmap(imageView.getWidth(),imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        Paint paint=new Paint();
        paint.setShader(bitmapShader);
        canvas.drawRect(0,0,imageView.getWidth(),imageView.getHeight(),paint);
        imageView.setImageBitmap(bitmap);
    }

    private void drawSweepGradient() {
        SweepGradient sweepGradient=new SweepGradient(imageView.getWidth()/2,imageView.getHeight()/2,Color.GREEN,Color.BLUE);
        Bitmap bitmap=Bitmap.createBitmap(imageView.getWidth(),imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        Paint paint=new Paint();
        paint.setShader(sweepGradient);
        canvas.drawRect(0,0,imageView.getWidth(),imageView.getHeight(),paint);
        imageView.setImageBitmap(bitmap);
    }

    private void drawRadiaGradient() {
        RadialGradient radialGradient=new RadialGradient(imageView.getWidth()/2,imageView.getHeight()/2,200,Color.GREEN,Color.BLUE, Shader.TileMode.MIRROR);
        Bitmap bitmap=Bitmap.createBitmap(imageView.getWidth(),imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        Paint paint=new Paint();
        paint.setShader(radialGradient);
        canvas.drawRect(0,0,imageView.getWidth(),imageView.getHeight(),paint);
        imageView.setImageBitmap(bitmap);
    }

    private void drawLinearGradient() {
        int[] colors=new int[]{Color.BLACK,Color.RED,Color.BLUE,Color.GREEN};
        float[] floats=new float[]{0.0f,0.1f,0.9f,1.0f};
        //设置两个颜色的渐变的linearGradient
        LinearGradient linearGradient=new LinearGradient(0,0,100,0, Color.BLUE,Color.GREEN, Shader.TileMode.MIRROR);
        //设置多个颜色的渐变的linearGradient
        //floats表示的是每个颜色所占的宽度比例，设置为null表示均匀分布
        linearGradient=new LinearGradient(0,0,250,0,colors,floats, Shader.TileMode.MIRROR);
        Bitmap bitmap=Bitmap.createBitmap(imageView.getWidth(),imageView.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmap);
        Paint paint=new Paint();
        paint.setShader(linearGradient);
        canvas.drawRect(0,0,imageView.getWidth(),imageView.getHeight(),paint);
        imageView.setImageBitmap(bitmap);
    }
}
  • 代码逻辑就是点击不同的按钮执行不同的shader样式进行绘制。
    这里写图片描述

矩阵Matrix

  • Matrix的对图像的处理可分为四类基本变换：
    Translate 平移变换
    Rotate 旋转变换
    Scale 缩放变换
    Skew 错切变换
public class SecActivity extends AppCompatActivity implements View.OnClickListener{

    private Button button,button2,button3,button4;
    private ImageView imageView;
    private Bitmap bitmap;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sec);
        init();
        bitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.xiaoye);
    }

    private void init() {
        button= (Button) findViewById(R.id.button_1);
        button2= (Button) findViewById(R.id.button_2);
        button3= (Button) findViewById(R.id.button_3);
        button4= (Button) findViewById(R.id.button_4);

        imageView= (ImageView) findViewById(R.id.imageView_2);

        button.setOnClickListener(this);
        button2.setOnClickListener(this);
        button3.setOnClickListener(this);
        button4.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button_1:
                translatePic();
                break;
            case R.id.button_2:
                rotatoPic();
                break;
            case R.id.button_3:
                scalePic();
                break;
            case R.id.button_4:
                skewPic();
                break;
        }
    }

    private void skewPic() {
        Bitmap bitmapMy=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmapMy);
        Matrix matrix=new Matrix();
        matrix.postSkew(0.0f,0.5f);
        canvas.drawBitmap(bitmap,matrix,null);
        imageView.setImageBitmap(bitmapMy);
    }

    private void scalePic() {
        Bitmap bitmapMy=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmapMy);
        Matrix matrix=new Matrix();
        matrix.postScale(1.5f,1.5f);

        canvas.drawBitmap(bitmap,matrix,null);
        imageView.setImageBitmap(bitmapMy);
    }

    private void rotatoPic() {
        Bitmap bitmapMy=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmapMy);
        Matrix matrix=new Matrix();
        matrix.postRotate(180,bitmap.getWidth()/2,bitmap.getHeight()/2);

        canvas.drawBitmap(bitmap,matrix,null);
        imageView.setImageBitmap(bitmapMy);
    }

    private void translatePic() {
        Bitmap bitmapMy=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas=new Canvas(bitmapMy);
        Matrix matrix=new Matrix();
        matrix.postTranslate(bitmapMy.getWidth()/2,0);

        canvas.drawBitmap(bitmap,matrix,null);
        imageView.setImageBitmap(bitmapMy);
    }
}

这里写图片描述

Will Wang'
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 中需要掌握的高级技巧
潇风寒月
04-27 2539
Android 中需要掌握的高级技巧Android 中需要掌握的高级技巧 获取全局Context 使用Intent传递对象 1 Serializable 方式 2 Parcelable 方式 定制自己的日志工具 调试Android程序 创建定时任务 1 Alarm机制 2 Doze模式 3 使用Handler的postDelayedRunnable long方法 多窗口模式编程 1 多窗口模式下的生
【Android -- 面试】复习指南之 Android 高级（上）
Kevin Learn Android
03-10 4811
Android 进阶中重点考察 Android Framework 、性能优化。
Android studio 之 高级调试技巧，看这一篇够啦
蜗牛快跑
06-13 5870
Android Studio idea的调试技巧。包含临时断点 条件断点，依赖断点，接口断点，日志断点，Log设置，异常设置，多线程调试，异常调试，强制返回(在任意位置返回)，返回上一步(已经修改的状态，不能恢复)，查看或修改变量的值，让调试按照我们的方向走；还有多线程调试，按照我们的意愿的顺序来执行；还有强制抛出异常，远程调试等等各种调试技巧。让你掌握新项目时，游刃有余...............
【Android 应用开发】Xfermod 图形组合 之 SRC 类 合成模式 ( SRC | SRC_ATOP | 详细解析官方给出的透明度和颜色值计算公式 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
08-07 2088
SRC 合成模式 SRC 合成模式详细解析 SRC_ATOP 合成模式 SRC_ATOP 合成模式详细解析
混合模式（二）
DLUT_WJX的博客
06-21 827
PorterDuffXfermode 该模式针对的时在处理结果时以源图像显示为主的模式，主要有：Mode.SRC, Mode.SRC_IN, Mode.SRC_OUT, Mode.SRC_OVER和Mode.SRC_ATOP Mode.SRC: //全部以源图像进行显示 [Sa, Sc] Mode.SRC_IN: //透明度和颜色值都是通过乘以目标图像的像素得到的 //利用这个特性可以实现...
Android高级应用源码-android手绘操作demo和经典绘图源码Pretty-Painter-master.zip
10-14
Android高级应用源码-android手绘操作demo和经典绘图源码Pretty-Painter-master.zip
《Android高级编程》
12-22
《Android高级编程》首先简要介绍Android软件栈，接着陈述为手机创建稳定可靠、赏心悦目的应用程序的基本原理。通过学习，您可以打下牢固的理论根基，了解使用当前Android 1．0 SDK编写定制移动程序所需的知识，还能...
Android高级编程--源代码
02-06
该资料是《Android高级编程》的源代码 对应的书籍资料见: Android高级编程 基本信息 原书名： Professional Android Application Development 原出版社： Wrox 作者： (英)Reto Meier 译者： 王鹏杰 霍建同 出版社...
Android高级开发之性能优化典范
01-21
本章介绍android高级开发中，对于性能方面的处理。主要包括电量，视图，内存三个性能方面的知识点。 1.视图性能 (1)Overdraw简介  Overdraw就是过度绘制，是指在一帧的时间内（16.67ms）像素被绘制了多次，理论...
Android高级应用源码-android手绘操作demo和经典绘图源码Pretty-Painter-master.rar
12-17
Android高级应用源码-android手绘操作demo和经典绘图源码Pretty-Painter-master.rar
Android 高级绘图（知识准备）
专注=效率
09-25 1483
画布(Canvas)是图形编程中一个很普通的概念，通常由三个基本的绘图组件组成：        Canvas  提供了绘图方法，可以向底层的位图绘制基本图形。        Paint  也称为"刷子"，Paint可以指定如何将基本图形绘制到位图上。        Bitmap  绘图的表面。         Android绘图API支持透明度、渐变填充、圆边矩形和抗锯齿。遗憾的是
android实现棱形效果
new_abc的专栏
07-08 5447
看到仿Windows Phone的一个图片，感觉效果看起来不错，于是看能不能在Android中实现，因为我们一般看到的Android控件都是方形的，还是一个同学告诉我使用旋转可以实现，终于经过自己的努力，实现了，这里注意要用属性动画，Tween动画变换后只是显示的位置变了，但事件的点击位置没有变化，而属性动画就不一样，事件都一起跟着过去了。先看下效果： 其中的图片可以换成一个个应用的图片
android遮罩Xfermode的学习
z8z87878的博客
10-17 2112
没有绝对的实力，就看运气吧。 先看看效果吧 根据官方APIDemo给出的Xfermode例子我们可以看到下图展示那样 但是，说实话，看到这张图，我是懵逼的，我们应该去自己试一试来加深下自己的理解，所以我画了下，得到的结果如下，仅供参考！最好自己试一试我先画的正方形，后画的圆 // paint.setXfermode(new PorterDuffXfermode(PorterDuff
创建android画笔程序的例子(有镜面效果)
baidu_nod的专栏
06-30 1289
关键是在检测到手指移动的时候用mPath.quadTo的方法，android sdk解释是: Add a quadratic bezier from the last point, approaching control point (x1,y1), and ending at (x2,y2). If no moveTo() call has been made fo
Bitmap通过getWidth和getHeight获取尺寸不符
renwudao24的专栏
08-15 1万+
在使用BitmapFactory加载图片时，常会出现这种情况，返回的图片尺寸与实际尺寸不符。这是由于我们把图片资源放到res/drawable文件路径下时，选择的文件不同所致，不同的文件夹会有不同的缩放。 1、加载并显示图片 将70*98的图片放在res/drawable-hdpi中。 public class MainActivity extends Activity { TextVie
Android的遮罩层（蒙板）效果 setXfermode
热门推荐
u010949962的专栏
12-13 1万+
Android的遮罩效果就是把一张图片盖在另一张图片的上面，通过控制任意一张图片的显示百分比实现遮罩效果。下面我使用两张一样的图片来实现一个类似于 Android 的progressbar 的填充效果。使用遮罩效果来实现progressbar的效果的好处是，我们可以只改变图片就可以更改progress的进度填充效果，并且我们可以实现任意形式的填充效果，就比如横竖填充，扇形逆/顺时填充针等。
android中Xfermode的使用
SpringQi
04-20 2257
通过使用Xfermode将绘制的图形的像素和Canvas上对应位置的像素按照一定的规则进行混合，形成新的像素，再更新到Canvas中形成最终的图形。 我们一个像素的颜色都是由四个分量组成，即ARGB，A表示的是我们Alpha值，RGB表示的是颜色 S表示的是源像素，源像素的值表示[Sa,Sc] Sa表示的就是源像素的Alpha值，Sc表示源像素的颜色值 D表示的是目标像素，目标像素的值表示[Da,...
PorterDuff.Mode及Xfermode详解
wuyou1336的博客
02-08 1585
在android SDK Paint类中有一个很重要的方法setXfermode（源码如上），这个方法用于设置图像的过渡模式，所谓过渡是指图像的饱和度、颜色值等参数的计算结果的图像表现。在SDK中Xfermode有三个子类：AvoidXfermode, PixelXorXfermode和PorterDuffXfermode，前两个类在API 16被遗弃了，而且不是本文的主题内容，所以这里不作介
Android 颜色渲染(九) PorterDuff及Xfermode详解
445822357
09-03 301
Android 颜色渲染(九) PorterDuff及Xfermode详解 之前已经讲过了除ComposeShader之外Shader的全部子类, 在讲ComposeShader(组合渲染)之前, 由于构造ComposeShader需要 PorterDuffXfermode或者PorterDuff.Mode作为参数,所以在此先详细地了解下这两个类的作用,这对之后的绘图会有很大的帮助: 在讲具体...
Android中绘制图像的过程?
最新发布
06-13
在Android中，绘制图像通常涉及以下步骤： 1. 创建一个画布(Canvas)对象，这个对象是一个空白的矩形区域，用于绘制图像。 2. 获取一个画笔(Paint)对象，这个对象用于设置绘制图像时的各种属性，比如颜色、线条粗细、字体等。 3. 在画布上绘制图形，可以通过画笔对象来设置绘制的类型，比如直线、矩形、圆形等。 4. 如果需要在图形上添加文字，则可以通过画笔对象来设置文字的属性，比如字体、大小、颜色等，然后使用画布的drawText()方法在指定位置绘制文字。 5. 最后，将绘制好的图形显示到屏幕上，可以使用ImageView或者SurfaceView等控件来显示。 需要注意的是，Android中的绘图操作都是在主线程中进行的，如果绘制的图像过于复杂，可能会导致卡顿现象，因此在进行大量绘制操作时，建议使用异步线程来完成。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值