Android自定义一个动画

最新推荐文章于 2024-02-22 11:20:51 发布

koma森

最新推荐文章于 2024-02-22 11:20:51 发布

阅读量288

点赞数

分类专栏： Android 文章标签： android 动画自定义view

本文链接：https://blog.csdn.net/koma025/article/details/52935785

版权

Android 专栏收录该内容

18 篇文章 2 订阅

订阅专栏

今天写一个简单的动画，让其旋转并且透明度变化，这个还是相对简单的。先看一下效果：

首先在res-values下新建一个attrs.xml，这个是自定义属性的。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="myViewaStyle">
        <attr name="color" format="color"></attr>
        <attr name="radius" format="dimension"></attr>
    </declare-styleable>
</resources>

接下来就是自定义一个view了，新建一个类继承View，

这个是添加自定义属性的，就不解释了，不懂得看一下鸿洋_大神写的Android 深入理解Android中的自定义属性

TypedArray typedArray = context.obtainStyledAttributes(attr, R.styleable.myViewaStyle);
if(typedArray != null){
    color = typedArray.getColor(R.styleable.myViewaStyle_color, Color.RED);
    minRadius = typedArray.getDimension(R.styleable.myViewaStyle_radius, 50);
    typedArray.recycle();
}

接下来主要就是画图了，我们可以看到这个view是由7个正六边形组成，一个在中间，六个在周边，只要知道中心点就可以画出正六边形。

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    cHeight = h / 2;
    cWidth = w / 2;
}

这个是得到屏幕的中心点的坐标，现在就可以画出中间的六边形，

Path mPath = new Path();
mPath.moveTo((float) (cWidth - Math.cos(mAngel * 0) * getMinRadius()), (float) (cHeight - Math.sin(mAngel * 0) * getMinRadius()));
for(int i = 1; i < 6 ;i ++){
    float mX = (float) (cWidth - Math.cos(mAngel * i) * getMinRadius());
    float mY = (float) (cHeight - Math.sin(mAngel * i) * getMinRadius());
    mPath.lineTo(mX,mY);
}
mPath.close();
canvas.drawPath(mPath,mPaint);

其余六个正六边形也是一样的

for(int i = 0; i < 6; i++){
    float x = (float) (cWidth - Math.sin(mAngel * i) * getMinRadius() * 2);
    float y = (float) (cHeight - Math.cos(mAngel * i) * getMinRadius() * 2);
    drwaMinPloygon(canvas, x, y);
}

private void drwaMinPloygon(Canvas canvas, float x, float y){

    Path path = new Path();
    path.moveTo((float) (x - Math.cos(mAngel * 0) * getMinRadius()), (float) (y - Math.sin(mAngel * 0) * getMinRadius()));
    for(int i = 1; i < 6 ;i ++){
        float mX = (float) (x - Math.cos(mAngel * i) * getMinRadius());
        float mY = (float) (y - Math.sin(mAngel * i) * getMinRadius());
        path.lineTo(mX,mY);
    }
    path.close();
    canvas.drawPath(path,mPaint);
}

所有的六边形现在就画好了，接下来主要就是动画，动画其实也是很简单的

ObjectAnimator rotate = ObjectAnimator.ofFloat(this, "rotation", 0f, 360f);
rotate.setRepeatCount(1000);
ObjectAnimator fadeInOut = ObjectAnimator.ofFloat(this, "alpha", 1f, 0.5f, 1f);
fadeInOut.setRepeatCount(1000);
AnimatorSet set = new AnimatorSet();
set.play(rotate).with(fadeInOut);
set.setDuration(2000);
set.start();