Android 简单实现轮播图

最新推荐文章于 2024-06-29 20:38:26 发布

帅到不敢打代码

最新推荐文章于 2024-06-29 20:38:26 发布

阅读量1.9k

点赞数 2

分类专栏： Android 文章标签： android 移动开发 java viewpager android studio

本文链接：https://blog.csdn.net/weixin_45379305/article/details/105713511

版权

本文介绍了在Android中简单实现图片轮播功能，通过在首尾添加额外图片实现无缝滑动效果。使用了ViewPager进行布局，并提供了xml代码和主要实现轮播图的Java代码片段。这种方法虽然存在一些不足，但能快速满足项目需求。

摘要由CSDN通过智能技术生成

实现在图片轮播时首尾的图片均可滑动

0.首先将一下实现原理，就是在原来三张图的基础上，多增加俩张在头尾，让用户没感觉的切换；
在这里插入图片描述
思路就是图片中的这样，以后可能出一篇自定义轮播图控件的文章，项目要求我马上搞完，就只能先这样了。
（毕竟加班是不好的行为☺）
1.首先当然是编写xml代码啦

 <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"
        android:background="#1e87ff"
        android:gravity="center">
        <!--轮播图控件-->
        <android.support.v4.view.ViewPager
            android:id="@+id/translation_viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#1e87ff"
            android:gravity="center"/>
        <LinearLayout
            android:id="@+id/point_linear"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_gravity="bottom"
            android:gravity="center"
            android:orientation="horizontal"/>
    </FrameLayout>

其中，point_linear是用来放置轮播图时底部的小圆点的，可以显示告诉用户现在轮播到第几张，里面的imageview将动态添加；
2.加下来编写主要的实现轮播图的代码

public class TranslationViewPager {
   

    private ViewPager viewPager;
    private List<Integer> image_id;
    private List<ImageView> ImageView = new ArrayList<>();//所有的图片的集合
    private List<ImageView> Check_and_UnCheck = new ArrayList<>();//所有的圆点ImageView的集合
    private Timer timer;
    private TimerTask timerTask;
    private List<Integer> Check_and_UnCheck_Image;
    private Handlers handler = new Handlers();
    private Adapter adapter;
    private Context context;


    /**
     *
     * @param viewPager     滑动控件
     * @param image_id      轮播图图片
     * @param Check_and_UnCheck_Image       选择和未选择的小圆点图片集合,第一个为未选择图片id，第二个为选择图片id
     */
    public TranslationViewPager(Context context, ViewPager viewPager, List<Integer> image_id, List<Integer> Check_and_UnCheck_Image, LinearLayout pointLayout){
   
        this.context = context;
        this.viewPager = viewPager;
        this.image_id = image_id;
        this.Check_and_UnCheck_Image = Check_and_UnCheck_Image;

        for (int i = 0; i < image_id.size(); i++) {
        //循环添加图片控件到集合中
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT