先看效果:
布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
tools:context=".MainActivity" >
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/homepage_disk_button_orange_normal" />
<ImageView
android:id="@+id/iv_rotate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/homepage_disk_orange_normal" />
<com.example.view.RadiationView
android:id="@+id/rv"
android:layout_width="250dp"
android:layout_height="250dp"
android:layout_gravity="center" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="SB"
android:textColor="#ffffff"
android:textSize="30sp" />
</FrameLayout>
</LinearLayout>
旋转动画:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="12000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:startOffset="0"
android:interpolator="@android:anim/linear_interpolator"
android:repeatCount="infinite"
android:repeatMode="restart"
android:toDegrees="360" />
带辐射效果的view:
package com.example.view;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
/**
* @author Rowandjj
*
*带辐射效果的view
*/
public class RadiationView extends View
{
/**
*画笔
*/
private Paint mPaint = new Paint();
/**
*颜色
*/
private int mColor = 0x3f990e;
/**
* 透明度
*/
private int mAlpha = 60;
private Handler mHandler = null;
private static final int MESSAGE_DRAW = 0;
private static final String TAG = "RadiationView";
private int width;
private int height;
/**
* 扩散速度
*/
private int speed = 30;
/**
*最大辐射半径
*/
private int maxRadius = 100;
private int centerX;
private int centerY;
/**
* 最小半径
*/
private int minRadius = 70;
/**
* 当前半径
*/
private int radius = minRadius;
private boolean isStarted = false;
public RadiationView(Context context)
{
super(context);
init();
}
public RadiationView(Context context, AttributeSet attrs)
{
super(context, attrs, 0);
init();
}
public void startRadiate()
{
isStarted = true;
mHandler.sendEmptyMessage(MESSAGE_DRAW);
}
private void init()
{
mPaint = new Paint();
mPaint.setStrokeWidth(1);
//必须先设置color,再设置alpha
mPaint.setColor(mColor);
mPaint.setAlpha(mAlpha);
mHandler = new Handler()
{
public void handleMessage(android.os.Message msg)
{
if(msg.what == MESSAGE_DRAW)
{
invalidate();
if(isStarted)
{
sendEmptyMessageDelayed(MESSAGE_DRAW,speed);
}
}
}
};
}
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom)
{
super.onLayout(changed, left, top, right, bottom);
width = this.getWidth();
height = this.getHeight();
if(width <= 0 || height<=0)
{
throw new RuntimeException("size illegal");
}
//中心点
centerX = width/2;
centerY = height/2;
//最大辐射半径
maxRadius = (width > height) ? height/2 : width/2;
Log.i(TAG,"MAX"+maxRadius);
if(maxRadius < 70)
{
throw new RuntimeException("size too small");
}
}
@Override
protected void onDraw(Canvas canvas)
{
mPaint.setColor(mColor);
mPaint.setAlpha(mAlpha);
if(radius <= 0)
{
return;
}
if(radius > maxRadius)
{
radius = minRadius;
}
canvas.save();
canvas.drawCircle(centerX, centerY, radius, mPaint);
canvas.restore();
radius += 1;
}
@Override
protected void onAttachedToWindow()
{
super.onAttachedToWindow();
this.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}
public void setColor(int color)
{
this.mColor = color;
}
public void setSpeed(int speed)
{
this.speed = speed;
}
public void setMinRadius(int radius)
{
this.minRadius = radius;
}
}
调用的代码:
package com.example.animdemo1;
import android.app.Activity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import com.example.view.RadiationView;
public class MainActivity extends Activity
{
private ImageView iv = null;
private RadiationView rv = null;
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iv = (ImageView) findViewById(R.id.iv_rotate);
rv = (RadiationView) findViewById(R.id.rv);
rv.setMinRadius(70);//辐射半径
rv.startRadiate();//开始辐射
Animation anim = AnimationUtils.loadAnimation(this, R.anim.rotate_circle_anim);
iv.startAnimation(anim);//开始动画
}
}