android-顺时逆时旋转的仪表盘控件

来源：互联网发布：酷狗软件编辑：程序博客网时间：2024/04/29 20:31

在一次项目需求中，第一次接触到了仪表盘，先来说下需求吧：定时获取数据然后根据数据动态改变指针位置。今天我在这里分享我自己写的一个仪表盘控件，这里我就不定时获取，而是定时使用随机数得到一个值。

先来看看效果截图

demo

我的布局很简单，就三个控件，一个表盘，一个指针，一个中间的文本。在布局上为了方便，我使用了居于水平居中。这样三个控件都会叠在一起，形成上面图片的效果。

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/layout"    android:layout_width="match_parent"    android:layout_height="wrap_content" >    <ImageView        android:id="@+id/panelimage"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_marginTop="20dp"        android:src="@drawable/temperature_bg" />    <ImageView        android:id="@+id/needle"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_marginTop="20dp"        android:src="@drawable/pointer" />    <TextView        android:id="@+id/degreeID"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_marginTop="85dp"        android:background="@drawable/small_semicircle"        android:textSize="30sp"        android:gravity="center" /></RelativeLayout>

布局看完了，最重要是实现，从网络上获取回来值，再把这个值显示在TextView中，并且对指针经行控制，通过动画实现旋转过程。这里我用Random()方法来设置这个值。

在初始化时new一个timer，每1秒触发一次，发送消息到handler触发随机函数产生随机数

@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.tmptest);// 指针needleView = (ImageView) findViewById(R.id.needle);// 表盘读数showText = (TextView) findViewById(R.id.degreeID);// 定时器，1秒启动一次Timer timer = new Timer();timer.schedule(mTimerTask, 0, 1000);}// TimerTask        private TimerTask mTimerTask = new TimerTask() {public void run() {Message message1 = new Message();message1.what = 1;thandler.sendMessage(message1);}};private Handler thandler = new Handler() {public void handleMessage(Message msg1) {// 产生随机数0-40Random random = new Random();int a = -20 + random.nextInt(61);// 设置最高值maxDegree = Float.parseFloat(String.valueOf(a + 20));// 开始转动mTimer = new Timer();// 设置每10毫秒转动一下mTimer.schedule(new NeedleTask(), 0, 10);showText.setText(String.valueOf(a));flag = true;}};

thandler里我们再new了一个timer来对指针进行控制，通过animation动画来实现指针的跳转

private class NeedleTask extends TimerTask {@Overridepublic void run() {if (degree <= maxDegree * (3.0f)) {mHandler.sendEmptyMessage(0);}if (degree >= maxDegree * (3.0f) && flag == true) {mHandler2.sendEmptyMessage(0);}}}// 顺时private Handler mHandler = new Handler() {@Overridepublic void handleMessage(Message msg) {// 设置仪表盘指针转动动画// 仪表盘最大是180度if (degree >= maxDegree * (3.0f)) {mTimer.cancel();} else {degree += 5.0f;// 设置转动动画animation = new RotateAnimation(degree, maxDegree * (3.0f),Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);}// 设置动画时间5毫秒animation.setDuration(5);animation.setFillAfter(true);needleView.startAnimation(animation);flag = false;}};// 逆时private Handler mHandler2 = new Handler() {@Overridepublic void handleMessage(Message msg) { // 设置仪表盘指针转动动画// 仪表盘最大是180度，这个是自己测出来的if (degree <= maxDegree * (3.0f)) {mTimer.cancel();} else {degree += -5.0f;animation = new RotateAnimation(degree, maxDegree * (3.0f),Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);}// 设置动画时间5毫秒animation.setDuration(5);animation.setFillAfter(true);needleView.startAnimation(animation);flag = true;}};

大致思路就是这样，不过这里还有问题，在某些情况下会出现指针卡住没有跳转的情况，懒得完善。
demo下载

0 0