自定义View画五角星

最新推荐文章于 2021-09-17 09:43:20 发布

--x--.

最新推荐文章于 2021-09-17 09:43:20 发布

阅读量253

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_45488134/article/details/104894972

本文详细介绍了如何在Android中自定义View来绘制五角星，包括使用Canvas的基本操作，坐标系统理解以及Path的路径构造方法，通过实例代码展示了五角星的绘制过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

public class PentacleView  extends View {
    private static String TAG = "AngleView";

    private int defaultWidth = 30;
    private int defaultHeight = 30;  //view的默认宽高
    private int mCenterX;
    private int mCenterY;  //view的中心点
    private int mBackgroudColor;
    private int mPaintColor;
    private int mRotation;  //五角星旋转角度
    private Paint mPaint;
    private Path mPath;
    public PentacleView(Context context) {
        this(context, null);
    }

    public PentacleView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PentacleView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mBackgroudColor = Color.RED;
        mPaintColor = Color.YELLOW;
        mRotation = 0;

        if(mPaint == null)
            mPaint = new Paint();

        if(mPath == null)
            mPath = new Path();

    }

    private int getMySize(int measureSpec, int defaultSize) {
        int mode = MeasureSpec.getMode(measureSpec);
        int size = MeasureSpec.getSize(measureSpec);

        Log.d(TAG, "defaultSize=" + defaultSize + ", mode=" + mode + ", size=" + size);
        switch (mode) {
            case MeasureSpec.AT_MOST:
            case MeasureSpec.UNSPECIFIED:
                return defaultSize;
            case MeasureSpec.EXACTLY:
                return size;
            default:
                return defaultSize;
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int width = getMySize(widthMeasureSpec, defaultWidth);
        int height = getMySize(heightMeasureSpec, defaultHeight);

        setMeasuredDimension(width, height);

        mCenterX = getMeasuredWidth() / 2;
        mCenterY = getMeasuredHeight() / 2;
        Log.d(TAG, "mCenterX=" + mCenterX + ", mCenterY=" + mCenterY);

        int r = getMeasuredWidth() / 3;  //五角星外接圆半径
        float angle = 72f;  //五个角对应的角度 360/5
        double rad = 2 * PI / 360;  //1度对应的弧度

        //五角星五个角顶点坐标算法:
        //x = r * cos(n * angle * rad)
        //y = r * sin(n * angle * rad)
        float a[] = {(float) (Math.cos(0 * angle * rad) * r), (float) (Math.sin(0 * angle * rad) * r)};
        float b[] = {(float) (Math.cos(1 * angle * rad) * r), (float) (-Math.sin(1 * angle * rad) * r)};
        float c[] = {(float) (Math.cos(2 * angle * rad) * r), (float) (-Math.sin(2 * angle * rad) * r)};
        float d[] = {(float) (Math.cos(3 * angle * rad) * r), (float) (-Math.sin(3 * angle * rad) * r)};
        float e[] = {(float) (Math.cos(4 * angle * rad) * r), (float) (-Math.sin(4 * angle * rad) * r)};

        mPath.moveTo(a[0], a[1]);
        mPath.lineTo(c[0], c[1]);
        mPath.lineTo(e[0], e[1]);
        mPath.lineTo(b[0], b[1]);
        mPath.lineTo(d[0], d[1]);
        mPath.close();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Log.d(TAG, "onDraw()");

        mPaint.setColor(mPaintColor);
        canvas.translate(mCenterX, mCenterY);  //将画布原点移动到view中心
        canvas.drawColor(mBackgroudColor);
        canvas.rotate(mRotation);  //旋转画布，顺时针为正，逆时针为负
        canvas.drawPath(mPath, mPaint);
    }

    public void setColor(int backgroudColor, int paintColor) {
        mBackgroudColor = backgroudColor;
        mPaintColor = paintColor;
        invalidate();
    }

    public void setRotate(int rotate) {
        mRotation = rotate;
        invalidate();
    }

}