Android自定义View实现风车效果
作者：这个杀手不太累
这篇文章主要为大家详细介绍了Android自定义View实现风车效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Android自定义View实现风车效果的具体代码，供大家参考，具体内容如下
效果图：
画杆
public class WindmillRodView extends View {
private int mWidth;
private int mHeight;
private Paint mPaint;
public WindmillRodView(Context context) {
this(context, null);
}
public WindmillRodView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public WindmillRodView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
mPaint.setStyle(Paint.Style.FILL);
mPaint.setAntiAlias(true);
mPaint.setDither(true);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = getMeasuredWidth();
mHeight = getMeasuredHeight();
}
private int _rod_width = dp2px(2);
@Override
protected void onDraw(Canvas canvas) {
int xCenter = mWidth / 2;
int yCenter = mHeight / 3;
int radius = mHeight / 3 * 2;
drawRod(canvas, xCenter, yCenter, radius);
}
private void drawRod(Canvas canvas, int xCenter, int yCenter, int radius) {
Path path = new Path();
path.moveTo(xCenter - _rod_width, yCenter);
path.lineTo(xCenter - 2 * _rod_width, radius - dp2px(5));
path.lineTo((xCenter + 2 * _rod_width), radius - dp2px(5));
path.lineTo(xCenter + _rod_width, yCenter);
path.close();
canvas.drawPath(path, mPaint);
RectF rectF = new RectF(xCenter - 2 * _rod_width,
radius - dp2px(8),
xCenter + 2 * _rod_width,
radius - dp2px(3));
canvas.drawOval(rectF, mPaint);
}
private int dp2px(int dp) {
return (int) (Resources.getSystem().getDisplayMetrics().density * dp + 0.5);
}
}先画风车的杆，再在底部画一个椭圆
画风车
public class WindmillView extends View {
private int mWidth;
private int mHeight;
private Paint mPaint;
private ObjectAnimator mRotationAnim;
public WindmillView(Context context) {
this(context, null);
}
public WindmillView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public WindmillView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
mPaint = new Paint();
mPaint.setColor(Color.WHITE);
mPaint.setStyle(Paint.Style.FILL);
mPaint.setAntiAlias(true);
mPaint.setDither(true);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = getMeasuredWidth();
mHeight = getMeasuredHeight();
}
@Override
protected void onDraw(Canvas canvas) {
int xCenter = mWidth / 2;
int yCenter = mHeight / 3;
int radius = mHeight / 3 * 2;
canvas.drawCircle(xCenter, yCenter - dp2px(7), dp2px(4), mPaint);
setPivotX(xCenter);
setPivotY(yCenter - dp2px(7));
canvas.save();
for (int i = 0; i < 3; i++) {
Path path = new Path();
path.moveTo(xCenter, 0);
path.lineTo(xCenter, yCenter - dp2px(11));
path.lineTo(xCenter + dp2px(8), yCenter - dp2px(26));
path.close();
// mPaint.setStrokeJoin(Paint.Join.ROUND);
CornerPathEffect cornerPathEffect = new CornerPathEffect(30);
mPaint.setPathEffect(cornerPathEffect);
canvas.drawPath(path, mPaint);
canvas.rotate(360 / 3, xCenter, yCenter - dp2px(7));
}
canvas.restore();
startAnim();
}
private int dp2px(int dp) {
return (int) (Resources.getSystem().getDisplayMetrics().density * dp + 0.5);
}
public void startAnim() {
if (mRotationAnim != null && mRotationAnim.isRunning()) return;
mRotationAnim = ObjectAnimator.ofFloat(this, "Rotation", 360f)
.setDuration(3000);
mRotationAnim.setRepeatCount(-1);
mRotationAnim.setInterpolator(new LinearInterpolator());
mRotationAnim.start();
}
public void stopAnim() {
if (mRotationAnim != null && mRotationAnim.isRunning()) {
mRotationAnim.cancel();
mRotationAnim = null;
}
}
}这里使用画面的旋转方法，绘制扇页
旋转
使用属性动画来旋转
....
public void startAnim() {
if (mRotationAnim != null && mRotationAnim.isRunning()) return;
mRotationAnim = ObjectAnimator.ofFloat(this, "Rotation", 360f)
.setDuration(3000);
mRotationAnim.setRepeatCount(-1);
mRotationAnim.setInterpolator(new LinearInterpolator());
mRotationAnim.start();
}
public void stopAnim() {
if (mRotationAnim != null && mRotationAnim.isRunning()) {
mRotationAnim.cancel();
mRotationAnim = null;
}
}
....在布局文件中使用
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#000000"> <com.example.windmill.WindmillRodView android:layout_width="200dp" android:layout_height="200dp" android:layout_centerInParent="true" /> <com.example.windmill.WindmillView android:layout_width="200dp" android:layout_height="200dp" android:layout_centerInParent="true" /> </RelativeLayout>
这里只是介绍了如何绘制类似的效果，很多计算都是写死的，如果要实际使用的话，最好写成自定义属性通过xml属性声明传进去。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。