Android 简单实现轮播图

本文介绍了在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
  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要在Android Studio实现轮播图,可以使用ViewPager和PagerAdapter。下面是一个简单的步骤: 1. 在布局文件中添加ViewPager控件,并在其中添加ImageView作为轮播图的图片。 2. 创建一个PagerAdapter类,用于提供ViewPager所需的视图。 3. 在PagerAdapter的getItem()方法中,返回一个包含ImageView的布局。 4. 在MainActivity中,获取ViewPager控件,并设置PagerAdapter适配器。 5. 在MainActivity中,使用定时器和Handler来实现自动轮播。 下面是一个简单的示例代码: 1. 布局文件: ``` <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp" /> ``` 2. PagerAdapter类: ``` public class ImagePagerAdapter extends PagerAdapter { private Context mContext; private int[] mImages; public ImagePagerAdapter(Context context, int[] images) { mContext = context; mImages = images; } @Override public int getCount() { return mImages.length; } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object object) { return view == object; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { ImageView imageView = new ImageView(mContext); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImages[position]); container.addView(imageView); return imageView; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView((ImageView) object); } } ``` 3. MainActivity中的代码: ``` public class MainActivity extends AppCompatActivity { private ViewPager mViewPager; private int[] mImages = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; private int mCurrentPosition = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mViewPager = findViewById(R.id.viewPager); ImagePagerAdapter adapter = new ImagePagerAdapter(this, mImages); mViewPager.setAdapter(adapter); final Handler handler = new Handler(); final Runnable runnable = new Runnable() { public void run() { if (mCurrentPosition == mImages.length - 1) { mCurrentPosition = 0; } else { mCurrentPosition++; } mViewPager.setCurrentItem(mCurrentPosition, true); handler.postDelayed(this, 2000); } }; handler.postDelayed(runnable, 2000); } } ``` 这样就可以实现一个简单轮播图
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值