ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Android-UI-02-图形绘制-Canvas

2021-01-14 13:05:04  阅读:168  来源: 互联网

标签:02 Canvas mWidth int canvas Paint UI paintDegree mHerght


Canvas的创建:

ViewRootImpl.java

performTraversals()->performDraw()

performDraw()->draw()

draw()->

surface屏幕 表面

if (!drawSoftware(surface, mAttachInfo, xOffset, yOffset,
        scalingRequired, dirty, surfaceInsets)) {
    return false;
}
private boolean drawSoftware(Surface surface, AttachInfo attachInfo, int xoff, int yoff,
        boolean scalingRequired, Rect dirty, Rect surfaceInsets) {

   final Canvas canvas;
   ......
   ......
   //传入dirty矩形获取到canvas mSurface中获取到的 dirty矩形大小=屏幕分辩率
   // 不设置偏移量的前提 此时canvas 从屏幕左上角0,0处开始
   canvas = mSurface.lockCanvas(dirty); 
   ......
   ......
   mView.draw(canvas);
   
}
View.java
draw(canvas)->onDraw(canvas)

//具体把什么绘制到Canvas上,交给子View决定
protected void onDraw(Canvas canvas) {
    
}

坐标体系:

11

简单案列:

1

WatchView.java

package com.dn_alan.myapplication;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

import androidx.annotation.Nullable;

public class WatchView extends View {
    private static final String TAG = "WatchView";
    private int mWidth;
    private int mHerght;


    public WatchView(Context context) {
        super(context);
    }

    public WatchView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public WatchView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth = getMeasuredWidth();
        mHerght = getMeasuredHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //画外圆
        Paint paintCircle = new Paint();
        paintCircle.setStrokeWidth(5);
        paintCircle.setAntiAlias(true);
        paintCircle.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(mWidth / 2,
                mHerght / 2, mWidth / 2, paintCircle);

        //画刻度线
        Paint paintDegree = new Paint();
        paintCircle.setStrokeWidth(3);
        for (int i = 0; i < 12; i++) {
            if (i == 0 || i == 3 || i == 6 || i == 9) {
                paintDegree.setStrokeWidth(5);
                paintDegree.setTextSize(100);
                canvas.drawLine(mWidth / 2, mHerght / 2 - mWidth / 2,
                        mWidth / 2, mHerght / 2 - mWidth / 2 + 60,
                        paintDegree);
                String degree = String.valueOf(i);
                canvas.drawText(degree, mWidth / 2 - paintDegree.measureText(degree) / 2,
                        mHerght / 2 - mWidth / 2 + 160, paintDegree);
            } else {
                paintDegree.setStrokeWidth(3);
                paintDegree.setTextSize(50);
                canvas.drawLine(mWidth / 2, mHerght / 2 - mWidth / 2,
                        mWidth / 2, mHerght / 2 - mWidth / 2 + 30,
                        paintDegree);
                String degree = String.valueOf(i);
                canvas.drawText(degree, mWidth / 2 - paintDegree.measureText(degree) / 2,
                        mHerght / 2 - mWidth / 2 + 60, paintDegree);
            }
            canvas.rotate(30, mWidth / 2, mHerght / 2);
        }
        //画指针
        Paint paintHour = new Paint();
        paintHour.setStrokeWidth(20);
        Paint paintMinute = new Paint();
        paintMinute.setStrokeWidth(10);
//        Log.i(TAG, "Current SaveCount1 = " + canvas.getSaveCount());
//        canvas.save();
//        Log.i(TAG, "Current SaveCount2 = " + canvas.getSaveCount());
        canvas.translate(mWidth/2, mHerght/2);
        canvas.drawLine(0,0,100,100,paintHour);
        canvas.drawLine(0,0,100,200,paintMinute);
//        canvas.restore();
        Log.i(TAG, "Current SaveCount3 = " + canvas.getSaveCount());
    }
}

 

标签:02,Canvas,mWidth,int,canvas,Paint,UI,paintDegree,mHerght
来源: https://blog.csdn.net/qq_23956889/article/details/112598740

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有