钟表动画的实现

1,android中凡是牵涉到动画一般需要线程,及在线程中进行一定时间的休眠来实现。(除了系统自带的几种animation)

2,在项目中需要每个钟表的色块需要实现从0点至当前时间的顺序添加代表不同时钟的色块,并且需要根据等级选择不同颜色的色块。

实现的步骤如下:

(1)将不同颜色,代表不同时刻的图片资源id利用二维数组来表示:

 private int[] levels={1,3,2,1,2,2,3,2,1,3,1};
public
static int[][] imgs = { { R.drawable.brown1, R.drawable.brown2, R.drawable.brown3, R.drawable.brown4, R.drawable.brown5, R.drawable.brown6, R.drawable.brown7, R.drawable.brown8, R.drawable.brown9, R.drawable.brown10,R.drawable.brown11 }, { R.drawable.red1, R.drawable.red2, R.drawable.red3, R.drawable.red4, R.drawable.red5, R.drawable.red6, R.drawable.red7, R.drawable.red8, R.drawable.red9, R.drawable.red10,R.drawable.red11 }, { R.drawable.green1, R.drawable.green2, R.drawable.green3, R.drawable.green4, R.drawable.green5, R.drawable.green6, R.drawable.green7, R.drawable.green8, R.drawable.green9, R.drawable.green10 ,R.drawable.green11} };

(2)接下来主线程的代码如下:

    private void generateClock() {
        //首先添加钟表的背景图片
        ImageView clock=new ImageView(ShouyeActivity.this);
        clock.setImageResource(com.bobo.mylvluo.R.drawable.clock_bg);
        frame_clock.addView(clock);        
        //开启线程
        new AddImgThread().start();
 
    }

(3)而实现动画的线程如下:(记得,主线程中的UI未必只有while)

class AddImgThread extends Thread{
        public void run(){
             for(int i=0;i<levels.length;i++){
                 Message msg=new Message();
                 msg.arg1=i;
                 handler.sendMessage(msg);
                 try {
                    Thread.sleep(200);
                } catch (InterruptedException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
             }

        }
    }

(4)在主界面更新UI的handler为

    private Handler handler=new Handler(){

        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
                int i=msg.arg1;
                ImageView img=new ImageView(ShouyeActivity.this);
                //其中i+1代表的是时间;level【i】代表i+1时间的空气质量等级,img【levels【i】-1】【i】代表的是对应的图片
                img.setImageResource(Constant.imgs[levels[i]-1][i]);
                //为其添加一个位移的动画效果
                TranslateAnimation ani=new TranslateAnimation(5f,0f,5f,0f);
                ani.setDuration(200);
                frame_clock.addView(img);
                
                img.setAnimation(ani);
                
            
            
        }
        
    };

 

 

posted @ 2013-04-22 15:16  bobo的学习笔记  阅读(228)  评论(0编辑  收藏  举报