Android线程实现图片轮播

Z时代
2024-01-10
分类：综合

一、实现效果

本篇文章实现了简单的图片轮播，初始化3张资源图片，初始化3秒更换一次图片背景，轮换播放。

二、知识点

Thread线程start() 、sleep();handler机制;Android 控件imageView、setBackgroundResource(id);

还算是较为简单的，涉及的基本都是基础知识。

三、基本思路

1.初始化资源文件

2.创建一个实例化线程对象 new Thread()

3.handler 机制，sendMessage(msg); 来处理线程信息，以改变当前显示资源图片为下一张

4.线程设置睡眠时间，来设置图片轮播的时间间隔，

5.每隔一段时间通过 handler 机制发送一次信息来实现图片资源变换来实现轮播

-->>代码实现：

(1) layout 布局：就一个ImageView 控件

k1.jpg ,k2.jpg, k3,jpg 是三张图片

(2) java 代码实现对背景图片的轮播变换操作：


package com.example.ususaltest; 
import android.app.Activity; 
import android.os.Bundle; 
import android.os.Handler; 
import android.os.Message; 
import android.widget.ImageView; 
public class MainActivity extends Activity { 
  int i = 1;//变量 
  private ImageView imageView; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    initView();//加载控件 
    initEvent();//控件操作 
  } 
  private void initView() { 
    imageView = (ImageView) findViewById(R.id.id_image); 
  } 
  private void initEvent(){ 
    final Handler handler = new Handler(){ 
      @Override 
      public void handleMessage(Message msg) {//接收消息，并处理 
        super.handleMessage(msg); 
        if (msg.what == 1)  
          imageView.setBackgroundResource(R.drawable.k1);//设置变换后的图片资源 
        else if (msg.what == 2)  
          imageView.setBackgroundResource(R.drawable.k2); 
        else if (msg.what == 3)  
          imageView.setBackgroundResource(R.drawable.k3); 
        else  
          imageView.setBackgroundResource(R.drawable.k1); 
      } 
    }; 
    new Thread(new Runnable() { 
      @Override 
      public void run() { 
        while (true) { 
          try { 
          Thread.sleep(3000);//暂停 3 秒 
        } catch (InterruptedException e) {e.printStackTrace();} 
        Message message = new Message(); 
        message.what = i; 
        handler.sendMessage(message);//发送消息 
        if(i == 3)//3张图片播放完，重置 
          i = 0; 
        i++; 
        } 
      } 
    }).start(); 
  } 
}

(3) 到此已实现图片轮播效果，但可观赏度不高，可以适当的加一些动画什么的，使图片转换时更加有动感，动态的变换，看得到变换的过程，而不是单纯的静态的变换。

四、拓展延伸 -- 动画

加上缩放动画，使图片轮换时能看到更换过程，动态化轮播功能


new Thread(new Runnable() { 
      @Override 
      public void run() { 
        while (true) { 
          try { 
          Thread.sleep(3000); 
        } catch (InterruptedException e) {e.printStackTrace();} 
        Message message = new Message(); 
        message.what = i; 
        handler.sendMessage(message);//发送消息 
        //加上缩放动画 
        <span style="background-color: rgb(51, 255, 255);">AnimationSet set = new AnimationSet(true); 
        ScaleAnimation scale = new ScaleAnimation(1.5f, 1.0f, 1.5f, 1.0f ,Animation.RELATIVE_TO_SELF, 0.5f ,Animation.RELATIVE_TO_SELF, 0.5f); 
        scale.setDuration(500); 
        set.addAnimation(scale); 
        imageView.setAnimation(set);</span> 
        if(i == 3)//3张图片播放完，重置 
          i = 0; 
        i++; 
        } 
      } 
    }).start();