Android实现3个圆圈的动画
2010-11-05 17:32
190 查看
实现了一个类似Windows进度条效果,界面上有三个圆圈,依次有一个圆圈显示白色,其它的圆圈显示蓝色。
画圆圈的View
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.view.View;
/**
* 画圆圈的组件
*
* @author linweidong
* @date 2010-11-05
*/
public class Circle extends View {
public Circle(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
public Circle(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
if (StaticString.circleColor == Color.BLUE) {
paint.setColor(Color.BLUE);
} else if (StaticString.circleColor == Color.WHITE) {
paint.setColor(Color.WHITE);
}
paint.setAntiAlias(true);
paint.setStyle(Style.FILL);
canvas.drawCircle(4, 4, 4.0f, paint); //注意圆心的位置
super.onDraw(canvas);
}
}
在使用圆圈的Activity的XML上加载圆圈组件
<custom.Circle
android:id="@+id/circle1" android:layout_width="8dip"
android:layout_marginTop="6dip" android:padding="4dip"
android:layout_height="8dip" />
<custom.Circle
android:id="@+id/circle2" android:layout_width="8dip"
android:layout_marginTop="6dip" android:layout_marginLeft="2dip"
android:padding="4dip" android:layout_height="8dip" />
<custom.Circle
android:id="@+id/circle3" android:layout_width="8dip"
android:layout_marginTop="6dip" android:layout_marginLeft="2dip"
android:padding="4dip" android:layout_height="8dip" />
android:padding="4dip" 提供半径为4 画圆圈的空间,如果android:layout_width="wrap_content "会占很大空间,因此限定大小
在相关的Activity使用
mCityCircle1 = (View) findViewById(R.id.circle1);
mCityCircle2 = (View) findViewById(R.id.circle2);
mCityCircle3 = (View) findViewById(R.id.circle3);
class CircleThread implements Runnable {
public void run() {
int count = 0;
while (true) {
try {
count++;
if (count % 3 == 0) {
Thread.sleep(100);
StaticString.circleColor = Color.WHITE;
mCityCircle1.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle2.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle3.postInvalidate();
} else if (count % 3 == 1) {
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle1.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.WHITE;
mCityCircle2.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle3.postInvalidate();
} else {
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle1.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle2.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.WHITE;
mCityCircle3.postInvalidate();
}
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}
画圆圈的View
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.view.View;
/**
* 画圆圈的组件
*
* @author linweidong
* @date 2010-11-05
*/
public class Circle extends View {
public Circle(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
public Circle(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
if (StaticString.circleColor == Color.BLUE) {
paint.setColor(Color.BLUE);
} else if (StaticString.circleColor == Color.WHITE) {
paint.setColor(Color.WHITE);
}
paint.setAntiAlias(true);
paint.setStyle(Style.FILL);
canvas.drawCircle(4, 4, 4.0f, paint); //注意圆心的位置
super.onDraw(canvas);
}
}
在使用圆圈的Activity的XML上加载圆圈组件
<custom.Circle
android:id="@+id/circle1" android:layout_width="8dip"
android:layout_marginTop="6dip" android:padding="4dip"
android:layout_height="8dip" />
<custom.Circle
android:id="@+id/circle2" android:layout_width="8dip"
android:layout_marginTop="6dip" android:layout_marginLeft="2dip"
android:padding="4dip" android:layout_height="8dip" />
<custom.Circle
android:id="@+id/circle3" android:layout_width="8dip"
android:layout_marginTop="6dip" android:layout_marginLeft="2dip"
android:padding="4dip" android:layout_height="8dip" />
android:padding="4dip" 提供半径为4 画圆圈的空间,如果android:layout_width="wrap_content "会占很大空间,因此限定大小
在相关的Activity使用
mCityCircle1 = (View) findViewById(R.id.circle1);
mCityCircle2 = (View) findViewById(R.id.circle2);
mCityCircle3 = (View) findViewById(R.id.circle3);
class CircleThread implements Runnable {
public void run() {
int count = 0;
while (true) {
try {
count++;
if (count % 3 == 0) {
Thread.sleep(100);
StaticString.circleColor = Color.WHITE;
mCityCircle1.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle2.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle3.postInvalidate();
} else if (count % 3 == 1) {
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle1.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.WHITE;
mCityCircle2.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle3.postInvalidate();
} else {
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle1.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.BLUE;
mCityCircle2.postInvalidate();
Thread.sleep(100);
StaticString.circleColor = Color.WHITE;
mCityCircle3.postInvalidate();
}
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}
相关文章推荐
- Android 实现圆圈扩散水波动画效果两种方法
- Android GridView实现动画效果实现代码
- Android版网易云音乐唱片机唱片磁盘旋转及唱片机机械臂动画关键代码实现思路
- Android实现添加商品到购物车动画效果
- 实现Android简单动画旋转案例
- Android 自定义CoordinatorLayout.Behavior 实现悬浮控件动画
- Android 实现蘑菇街购物车动画效果
- Android 吸入动画效果实现分解
- Android播放animation-list 动画的实现
- Android Tween动画之RotateAnimation实现图片360°不停旋转
- Android动画的实现Animation
- [Android]ScaleViewPager--仿“想去”客户端图片展示效果--中轴旋转ViewPager动画实现
- Android旋转动画rotate动画,xml配置set实现
- Android实现手势滑动和简单动画效果
- 如何在android中实现swipe的手势功能及页面拖动动画
- android等待旋转圆圈动画
- Android游戏开发之使用AnimationDrable实现Frame动画
- Android实现ProgressBar旋转菊花加载的动画
- 布局动画Android ScrollView HorizontalScrollView 实现全方向(上下左右)反弹效果
- 【Android UI设计与开发】10:滑动菜单栏(二)SlidingMenu 动画效果的实现