Android轮播图实现

一个可以无限循环的轮播LoopSwitchView

ScreenShot

image

GIF

image

实现目标

  • 可以手动左右滚动
  • 可以自动轮播
  • 自定义性强

实现思路

首先想到的是使用ViewPager,ViewPager本身在处理页面左右滚动上已经很好了,在ViewPager的基础上加上Handler让他可以自动滚动。

遇到的问题

  • 不能循环滚动,到ViewPager的最后一个再往后不能滚动,在第一个再往前也是不行。

解决思路

在0位置上显示第count-1 的item,在count上显示第0个item,也就是需要额外再ViewPager的Adapter getCount()方法中增加 2,实现过程就变成滑动到0后就立即是viewPager.setCurrentItem(count-1),同样滑动到count 就使viewPager

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现可以使用 ViewPager 或者第三方库,这里以 ViewPager 为例: 1. 首先在布局文件中添加 ViewPager 和指示器(Indicator): ``` <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp"/> <LinearLayout android:id="@+id/indicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center" android:orientation="horizontal"/> ``` 2. 创建一个 Adapter 类,用于管理轮的数据和布局: ``` public class BannerAdapter extends PagerAdapter { private Context mContext; private List<Integer> mImages; public BannerAdapter(Context context, List<Integer> images) { mContext = context; mImages = images; } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = new ImageView(mContext); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImages.get(position)); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } @Override public int getCount() { return mImages.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } } ``` 3. 在 Activity 或 Fragment 中设置 ViewPager 和指示器: ``` ViewPager viewPager = findViewById(R.id.viewPager); LinearLayout indicatorLayout = findViewById(R.id.indicator); BannerAdapter adapter = new BannerAdapter(this, images); viewPager.setAdapter(adapter); for (int i = 0; i < images.size(); i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.indicator_selector); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); params.setMargins(10, 0, 10, 0); indicatorLayout.addView(imageView, params); } viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {} @Override public void onPageSelected(int position) { for (int i = 0; i < indicatorLayout.getChildCount(); i++) { ImageView imageView = (ImageView) indicatorLayout.getChildAt(i); imageView.setSelected(i == position); } } @Override public void onPageScrollStateChanged(int state) {} }); ``` 这样就完成了一个简单的 Android实现
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值