Android实现图片自动切换功能(实例代码详解)

 更新时间:2020年02月25日 14:50:50   作者:爱的小爽  
这篇文章主要介绍了Android实现图片自动切换功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

在Android中图片的自动切换不仅可以实现自动切换,而且还可以使用手动切换。而且一般在切换的时候,在图片下方还带有其他内容的切换,用来标记是第几个图片的切换。

这种效果在我们日常生活中很常见,例如某宝购物,一些商城都可以使用到,用户体验度极好,今天小编就通过实例代码给大家分享android 图片自动切换功能的实现。

实现效果如下:

在这里插入图片描述

具体的示例代码如下:

布局代码:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
 android:layout_height="match_parent"
 android:layout_width="match_parent"
 android:orientation="vertical"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <RelativeLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <FrameLayout
   android:layout_width="match_parent"
   android:layout_height="250dp"
   android:padding="20dp"
   android:orientation="vertical">
   <androidx.viewpager.widget.ViewPager
    android:id="@+id/viewContent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
   <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="25dp"
    android:orientation="horizontal"
    android:layout_gravity="bottom"
    android:gravity="center"
    android:layout_marginTop="5dp"
    android:background="#E6E6E6">
    <View
     android:id="@+id/p1"
     android:layout_width="5dp"
     android:layout_height="5dp"
     android:layout_marginLeft="2dp"
     android:layout_marginRight="2dp"
     android:background="@drawable/dot_focus"/>
    <View
     android:id="@+id/p2"
     android:layout_width="5dp"
     android:layout_height="5dp"
     android:layout_marginLeft="2dp"
     android:layout_marginRight="2dp"
     android:background="@drawable/dot_normal"/>
    <View
     android:id="@+id/p3"
     android:layout_width="5dp"
     android:layout_height="5dp"
     android:layout_marginLeft="2dp"
     android:layout_marginRight="2dp"
     android:background="@drawable/dot_normal"/>
   </LinearLayout>
  </FrameLayout>
 </RelativeLayout>
</ScrollView>

dot_focus.xml文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <corners android:radius="5dp"/>
 <solid android:color="@color/white"/>
</shape>

dot_normal.xml文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <corners android:radius="5dp"/>
 <solid android:color="@color/blue"/>
</shape>

Activity代码:

public class MainActivity extends AppCompatActivity {
 private ArrayList<ImageView> imageViews= new ArrayList<>();
 private ArrayList<View>dots=new ArrayList<>();
 private ViewPager vp;
 private int image[]={R.drawable.denglu,R.drawable.disanye,R.drawable.hhh};
 private int oldPosition=0;
 private int currentItem;
 private ScheduledExecutorService scheduledExecutorService;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  //获取图片资源
  for (int i=0;i<image.length;i++){
   ImageView imageView=new ImageView(this);
   imageView.setImageResource(image[i]);
   imageViews.add(imageView);
  }
  //显示的点的集合
  dots.add(findViewById(R.id.p1));
  dots.add(findViewById(R.id.p2));
  dots.add(findViewById(R.id.p3));

  vp=findViewById(R.id.viewContent);
  vp.setAdapter(new ViewPagerAdapter());
  vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
   @Override
   public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

   }

   @Override
   public void onPageSelected(int position) {
    //点的效果切换
    dots.get(oldPosition).setBackgroundResource(R.drawable.dot_normal);
    dots.get(position).setBackgroundResource(R.drawable.dot_fouced);
    oldPosition=position;
    currentItem=position;
   }

   @Override
   public void onPageScrollStateChanged(int state) {

   }
  });
 }

 class ViewPagerAdapter extends PagerAdapter {
  @Override
  public int getCount() {
   return imageViews.size();
  }

  @Override
  public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
   return view==object;
  }

  @Override
  public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
   View v=imageViews.get(position);
   container.removeView(v);
  }

  @NonNull
  @Override
  public Object instantiateItem(@NonNull ViewGroup container, int position) {
   View v=imageViews.get(position);
   container.addView(v);
   return v;
  }
 }

 @Override
 protected void onStart() {
  super.onStart();
  scheduledExecutorService= Executors.newSingleThreadScheduledExecutor();
  scheduledExecutorService.scheduleWithFixedDelay(new ViewPagerTask(),2,2, TimeUnit.SECONDS);
 }
 class ViewPagerTask implements Runnable{

  @Override
  public void run() {
   currentItem=(currentItem+1)%image.length;
   handler.obtainMessage().sendToTarget();
  }
 }
 Handler handler=new Handler(){
  @Override
  public void handleMessage(@NonNull Message msg) {
   vp.setCurrentItem(currentItem);
  }
 };
}

总结

到此这篇关于Android实现图片自动切换功能的文章就介绍到这了,更多相关android 图片自动切换内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android自定义View绘制的方法及过程(二)

    Android自定义View绘制的方法及过程(二)

    这篇文章主要解析了Android自定义View绘制的方法及过程,介绍了onSizeChanged、onDraw、onMeasure顺序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Android使用Service实现简单音乐播放实例

    Android使用Service实现简单音乐播放实例

    这篇文章主要为大家详细介绍了Android使用Service实现简单音乐播放实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Android之利用EventBus发送消息传递示例

    Android之利用EventBus发送消息传递示例

    本篇文章主要介绍了Android之利用EventBus进行消息传递示例。EventBus是一款针对Android优化的发布/订阅事件总线,非常具有实用价值,需要的朋友可以参考下。
    2017-02-02
  • Android 夜间模式的实现代码示例

    Android 夜间模式的实现代码示例

    本篇文章主要介绍了Android 夜间模式的实现代码示例,实现能够根据不同的设定,呈现不同风格的界面给用户,有兴趣的可以了解一下。
    2017-03-03
  • 在启动栏制作android studio启动图标

    在启动栏制作android studio启动图标

    这篇文章主要介绍了在启动栏制作android studio启动图标的相关知识,需要的朋友可以参考下
    2018-03-03
  • Android实现城市选择三级联动

    Android实现城市选择三级联动

    这篇文章主要为大家详细介绍了Android实现城市选择三级联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • Android 面试题汇总

    Android 面试题汇总

    本文主要介绍Android 面试题,这里整理了70道面试题和答案供大家学习参考,有需要的小伙伴可以参考下
    2016-09-09
  • Android使用RecyclerView实现列表数据选择操作

    Android使用RecyclerView实现列表数据选择操作

    这篇文章主要为大家详细介绍了Android使用RecyclerView结合CheckBox实现列表数据选择操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • android 设置闹钟及通知示例

    android 设置闹钟及通知示例

    本篇文章主要介绍了android 设置闹钟及通知示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Android开发实现NFC刷卡读取的两种方式

    Android开发实现NFC刷卡读取的两种方式

    这篇文章主要为大家详细介绍了Android开发中实现NFC刷卡读取的两种方式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09

最新评论