设为首页 加入收藏

TOP

Android实现3个圆圈的动画
2014-11-24 12:35:38 来源: 作者: 【 】 浏览:0
Tags:Android 实现 圆圈 动画

实现了一个类似Windows进度条效果,界面上有三个圆圈,依次有一个圆圈显示白色,其它的圆圈显示蓝色。


画圆圈的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上加载圆圈组件


android:id="@+id/circle1" android:layout_width="8dip"
android:layout_marginTop="6dip" android:padding="4dip"
android:layout_height="8dip" />


android:id="@+id/circle2" android:layout_width="8dip"
android:layout_marginTop="6dip" android:layout_marginLeft="2dip"
android:padding="4dip" android:layout_height="8dip" />


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的gallery实现无限循环和.. 下一篇S3C6410 USB ADB

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

·工业机器人TCP校准中 (2025-12-25 05:19:17)
·opc 通讯协议与 TCP (2025-12-25 05:19:15)
·labview中tcp/ip通信 (2025-12-25 05:19:13)
·新书介绍《Python数 (2025-12-25 04:49:47)
·怎么利用 Python 进 (2025-12-25 04:49:45)