Android 天气APP（六）旋转风车显示风力、风向

② 自定义View

然后就是自定义VIew了，

在模块的com.llw.mvplibrary下面创建一个view的包，包下创建一个名为WhiteWindmills的类。

代码如下：

package com.llw.mvplibrary.view;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.graphics.RectF;

import android.os.Handler;

import android.os.Message;

import android.util.AttributeSet;

import android.view.View;

import androidx.annotation.Nullable;

import com.llw.mvplibrary.R;

import java.lang.ref.WeakReference;

/**

• 白色风车

*/

public class WhiteWindmills extends View {

/**

• 叶片的长度

*/

private float mBladeRadius;

/**

• 风车叶片旋转中心x

*/

private int mCenterY;

/**

• 风车叶片旋转中心y

*/

private int mCenterX;

/**

• 风车旋转中心点圆的半径

*/

private float mPivotRadius;

private Paint mPaint = new Paint();

/**

• 风车旋转时叶片偏移的角度

*/

private int mOffsetAngle;

private Path mPath = new Path();

/**

• 风车支柱顶部和底部为了画椭圆的矩形

*/

private RectF mRect = new RectF();

/**

• 控件的宽

*/

private int mWid;

/**

• 控件高

*/

private int mHei;

/**

• 控件颜色

*/

private int mColor;

private MsgHandler mHandler = new MsgHandler(this);

public WhiteWindmills(Context context) {

this(context, null);

}

public WhiteWindmills(Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

}

public WhiteWindmills(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

initView(context, attrs);

}

private void initView(Context context, AttributeSet attrs) {

TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.WhiteWindmills);

if (array != null) {

mColor = array.getColor(R.styleable.WhiteWindmills_windColor, Color.WHITE);

array.recycle();

}

//抗锯齿

mPaint.setAntiAlias(true);

mPaint.setColor(mColor);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int heiMeasure = MeasureSpec.getSize(heightMeasureSpec);

int heiMode = MeasureSpec.getMode(heightMeasureSpec);

int widMode = MeasureSpec.getMode(widthMeasureSpec);

int widMeasure = MeasureSpec.getSize(widthMeasureSpec);

mWid = widMeasure;

mHei = heiMeasure;

mCenterY = mWid / 2;

mCenterX = mWid / 2;

mPivotRadius = (float) mWid / (float) 40;

mBladeRadius = mCenterY - 2 * mPivotRadius;

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//画扇叶旋转的中心

drawPivot(canvas);

//画扇叶

drawWindBlade(canvas);

//画底部支柱

drawPillar(canvas);

}

/**

• 画风车支点

• @param canvas

*/

private void drawPivot(Canvas canvas) {

mPaint.setStyle(Paint.Style.FILL);

canvas.drawCircle(mCenterX, mCenterY, mPivotRadius, mPaint);

}

/**

• 画叶片

• @param canvas

*/

private void drawWindBlade(Canvas canvas) {

canvas.save();

mPath.reset();

//根据偏移量画初始时画布的位置

canvas.rotate(mOffsetAngle, mCenterX, mCenterY);

//画三角形扇叶

mPath.moveTo(mCenterX, mCenterY - mPivotRadius);// 此点为多边形的起点

mPath.lineTo(mCenterX, mCenterY - mPivotRadius - mBladeRadius);

mPath.lineTo(mCenterX + mPivotRadius, mPivotRadius + mBladeRadius * (float) 2 / (float) 3);

mPath.close(); // 使这些点构成封闭的多边形

canvas.drawPath(mPath, mPaint);

//旋转画布120度，画第二个扇叶

canvas.rotate(120, mCenterX, mCenterY);

canvas.drawPath(mPath, mPaint);

//旋转画布120度，画第三个扇叶

canvas.rotate(120, mCenterX, mCenterY);

canvas.drawPath(mPath, mPaint);

canvas.restore();

}

/**

• 画支柱

• @param canvas

*/

private void drawPillar(Canvas canvas) {

mPath.reset();

//画上下半圆之间的柱形

mPath.moveTo(mCenterX - mPivotRadius / 2, mCenterY + mPivotRadius + mPivotRadius / 2);

mPath.lineTo(mCenterX + mPivotRadius / 2, mCenterY + mPivotRadius + mPivotRadius / 2);

mPath.lineTo(mCenterX + mPivotRadius, mHei - 2 * mPivotRadius);

mPath.lineTo(mCenterX - mPivotRadius, mHei - 2 * mPivotRadius);

mPath.close();

//画顶部半圆

mRect.set(mCenterX - mPivotRadius / 2, mCenterY + mPivotRadius, mCenterX + mPivotRadius / 2, mCenterY + 2 * mPivotRadius);

mPath.addArc(mRect, 180, 180);

//画底部半圆

mRect.set(mCenterX - mPivotRadius, mHei - 3 * mPivotRadius, mCenterX + mPivotRadius, mHei - mPivotRadius);

mPath.addArc(mRect, 0, 180);

canvas.drawPath(mPath, mPaint);

}

/**

• 开始旋转

*/

public void startRotate() {

stop();

mHandler.sendEmptyMessageDelayed(0, 10);

}

/**

• 停止旋转

*/

public void stop() {

mHandler.removeMessages(0);

}

static class MsgHandler extends Handler {

private WeakReference mView;

MsgHandler(WhiteWindmills view) {

mView = new WeakReference(view);

}

@Override

public void handleMessage(Message msg) {

WhiteWindmills view = mView.get();

if (view != null) {

view.handleMessage(msg);

}

}

}

private void handleMessage(Message msg) {

if (mOffsetAngle >= 0 && mOffsetAngle < 360) {

mOffsetAngle = mOffsetAngle + 1;

} else {

mOffsetAngle = 1;

}

invalidate();

startRotate();

}

}

这个部分完成之后，修改布局，将这一块加进去。

③ 使用与运行显示

这部分代码如下：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

题外话

不管怎么样，不论是什么样的大小面试，要想不被面试官虐的不要不要的，只有刷爆面试题题做好全面的准备，当然除了这个还需要在平时把自己的基础打扎实，这样不论面试官怎么样一个知识点里往死里凿，你也能应付如流啊

这里我为大家准备了一些我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家~

欢迎评论区讨论。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

[外链图片转存中…(img-amSUAYqE-1713751555861)]

题外话

不管怎么样，不论是什么样的大小面试，要想不被面试官虐的不要不要的，只有刷爆面试题题做好全面的准备，当然除了这个还需要在平时把自己的基础打扎实，这样不论面试官怎么样一个知识点里往死里凿，你也能应付如流啊

这里我为大家准备了一些我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家~

[外链图片转存中…(img-mqSgbQHf-1713751555862)]

欢迎评论区讨论。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！