public class RadarLayout extends FrameLayout { 
public RadarLayout(Context context) { 
super(context); 
} 
public RadarLayout(Context context, AttributeSet attrs) { 
super(context, attrs); 
} 
public RadarLayout(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
} 
}

public class RadarLayout extends FrameLayout { 
public static final int INFINITE = 0; 
private static final int DEFAULT_COUNT = 4; 
private static final int DEFAULT_COLOR = Color.rgb(0, 116, 193); 
private static final int DEFAULT_DURATION = 7000; 
private static final int DEFAULT_REPEAT = INFINITE; 
private static final int DEFAULT_STROKE_WIDTH = 2; 
private int mCount; 
private int mDuration; 
private int mRepeat; 
private AnimatorSet mAnimatorSet; 
private Paint mPaint; 
private int mColor; 
private float mRadius; 
private float mCenterX; 
private float mCenterY; 
private int mStrokeWidth; 
private boolean mIsStarted; 
private boolean mUseRing; 
public RadarLayout(Context context) { 
super(context); 
initGlobalparams(); 
} 
public RadarLayout(Context context, AttributeSet attrs) { 
super(context, attrs); 
initGlobalparams(); 
} 
public RadarLayout(Context context, AttributeSet attrs, int defStyleAttr) { 
super(context, attrs, defStyleAttr); 
initGlobalparams(); 
} 
private void initGlobalparams() { 
mColor = DEFAULT_COLOR; 
mCount = DEFAULT_COUNT; 
mDuration = DEFAULT_DURATION; 
mRepeat = DEFAULT_REPEAT; 
mUseRing = false; 
mStrokeWidth = dip2px(DEFAULT_STROKE_WIDTH); 
build(); 
} 
public synchronized void start() { 
if (mAnimatorSet == null || mIsStarted) { 
return; 
} 
mAnimatorSet.start(); 
} 
public synchronized void stop() { 
if (mAnimatorSet == null || !mIsStarted) { 
return; 
} 
mAnimatorSet.end(); 
} 
public synchronized boolean isStarted() { 
return (mAnimatorSet != null && mIsStarted); 
} 
public int getCount() { 
return mCount; 
} 
public int getDuration() { 
return mDuration; 
} 
public void setCount(int count) { 
if (count < 0) { 
throw new IllegalArgumentException("Count cannot be negative"); 
} 
if (count != mCount) { 
mCount = count; 
reset(); 
invalidate(); 
} 
} 
public void setDuration(int millis) { 
if (millis < 0) { 
throw new IllegalArgumentException("Duration cannot be negative"); 
} 
if (millis != mDuration) { 
mDuration = millis; 
reset(); 
invalidate(); 
} 
} 
public void setColor(int color) { 
if (mColor != color) { 
mColor = color; 
reset(); 
invalidate(); 
} 
} 
public void setUseRing(boolean useRing) { 
if (mUseRing != useRing) { 
mUseRing = useRing; 
reset(); 
invalidate(); 
} 
} 
@Override 
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
int width = getMeasuredWidth() - getPaddingLeft() - getPaddingRight(); 
int height = getMeasuredHeight() - getPaddingTop() - getPaddingBottom(); 
// 确定圆的圆点坐标及半径 
mCenterX = width * 0.5f; 
mCenterY = height * 0.5f; 
mRadius = Math.min(width, height) * 0.5f; 
} 
private void clear() { 
stop(); 
removeAllViews(); 
} 
private void build() { 
LayoutParams params = new LayoutParams(MATCH_PARENT, MATCH_PARENT); 
int repeatCount = (mRepeat == INFINITE) ? ObjectAnimator.INFINITE : mRepeat; 
List<Animator> animators = new ArrayList<Animator>(); 
for (int index = 0; index < mCount; index++) { 
RadarView radarView = new RadarView(getContext()); 
radarView.setScaleX(0); 
radarView.setScaleY(0); 
radarView.setAlpha(1); 
addView(radarView, index, params); 
// 计算时间间隔 
long delay = index * mDuration / mCount; 
// 属性动画 
animators.add(create(radarView, "scaleX", repeatCount, delay, 0, 1)); 
animators.add(create(radarView, "scaleY", repeatCount, delay, 0, 1)); 
animators.add(create(radarView, "alpha", repeatCount, delay, 1, 0)); 
} 
mAnimatorSet = new AnimatorSet(); 
mAnimatorSet.playTogether(animators); 
mAnimatorSet.setInterpolator(new LinearInterpolator()); 
mAnimatorSet.setDuration(mDuration); 
mAnimatorSet.addListener(mAnimatorListener); 
} 
private ObjectAnimator create(View target, String propertyName, int repeatCount, long delay, float from, float to) { 
ObjectAnimator animator = ObjectAnimator.ofFloat(target, propertyName, from, to); 
animator.setRepeatCount(repeatCount); 
animator.setRepeatMode(ObjectAnimator.RESTART); 
animator.setStartDelay(delay); 
return animator; 
} 
private void reset() { 
boolean isStarted = isStarted(); 
clear(); 
build(); 
if (isStarted) { 
start(); 
} 
} 
private class RadarView extends View { 
public RadarView(Context context) { 
super(context); 
} 
@Override 
protected void onDraw(Canvas canvas) { 
if (null == mPaint) { 
mPaint = new Paint(); 
mPaint.setColor(mColor); 
mPaint.setAntiAlias(true); 
// 注意Style的用法，【STROKE：画环】【FILL：画圆】 
mPaint.setStyle(mUseRing ? Style.STROKE : Style.FILL); 
mPaint.setStrokeWidth(mUseRing ? mStrokeWidth : 0); 
} 
// 画圆或环 
canvas.drawCircle(mCenterX, mCenterY, mUseRing ? mRadius - mStrokeWidth : mRadius, mPaint); 
} 
} 
private int dip2px(float dpValue) { 
final float scale = getResources().getDisplayMetrics().density; 
return (int) (dpValue * scale + 0.5f); 
} 
private final Animator.AnimatorListener mAnimatorListener = new Animator.AnimatorListener() { 
@Override 
public void onAnimationStart(Animator animator) { 
mIsStarted = true; 
} 
@Override 
public void onAnimationEnd(Animator animator) { 
mIsStarted = false; 
} 
@Override 
public void onAnimationCancel(Animator animator) { 
mIsStarted = false; 
} 
@Override 
public void onAnimationRepeat(Animator animator) { 
} 
}; 
}

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.llew.wb.MainActivity" > 
<View 
android:id="@+id/holder" 
android:layout_width="@dimen/activity_horizontal_margin" 
android:layout_height="10dp" 
android:layout_centerHorizontal="true" /> 
<com.llew.wb.RadarLayout 
android:id="@+id/radarlayout1" 
android:layout_width="match_parent" 
android:layout_height="150dp" 
android:layout_toLeftOf="@id/holder" 
android:background="#bbaacc" > 
</com.llew.wb.RadarLayout> 
<com.llew.wb.RadarLayout 
android:id="@+id/radarlayout2" 
android:layout_width="match_parent" 
android:layout_height="150dp" 
android:layout_toRightOf="@id/holder" 
android:background="#bbaacc" > 
</com.llew.wb.RadarLayout> 
<com.llew.wb.RadarLayout 
android:id="@+id/radarlayout3" 
android:layout_width="match_parent" 
android:layout_height="150dp" 
android:layout_below="@id/radarlayout1" 
android:layout_marginTop="@dimen/activity_horizontal_margin" 
android:layout_toLeftOf="@id/holder" 
android:background="#bbaacc" > 
</com.llew.wb.RadarLayout> 
<com.llew.wb.RadarLayout 
android:id="@+id/radarlayout4" 
android:layout_width="match_parent" 
android:layout_height="150dp" 
android:layout_below="@id/radarlayout1" 
android:layout_marginTop="@dimen/activity_horizontal_margin" 
android:layout_toRightOf="@id/holder" 
android:background="#bbaacc" > 
</com.llew.wb.RadarLayout> 
<Button 
android:layout_width="100dp" 
android:layout_height="wrap_content" 
android:layout_alignParentBottom="true" 
android:layout_centerHorizontal="true" 
android:layout_marginBottom="20dp" 
android:onClick="start" 
android:text="开始" /> 
</RelativeLayout>

public class MainActivity extends Activity { 
private RadarLayout layout1; 
private RadarLayout layout2; 
private RadarLayout layout3; 
private RadarLayout layout4; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
layout1 = (RadarLayout) findViewById(R.id.radarlayout1); 
layout2 = (RadarLayout) findViewById(R.id.radarlayout2); 
layout2.setUseRing(true); 
layout2.setCount(2); 
layout3 = (RadarLayout) findViewById(R.id.radarlayout3); 
layout3.setUseRing(false); 
layout3.setColor(Color.RED); 
layout4 = (RadarLayout) findViewById(R.id.radarlayout4); 
layout4.setCount(7); 
layout4.setColor(Color.BLUE); 
layout4.setUseRing(true); 
} 
public void start(View view) { 
layout1.start(); 
layout2.start(); 
layout3.start(); 
layout4.start(); 
} 
}