一个轮播图控件,可实现多种轮播,无限轮播

https://github.com/LeeSons/CPBinnerView

 

CPBinnerView

一个轮播图控件,可实现多种轮播,无限轮播 像系统的 TableView一样去使用它

// 遵守 <CPBinnerViewDataSource, CPBinnerViewDelegate>协议

_binnerView = [[CPBinnerView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
    _binnerView.delegate = self;
    _binnerView.dataSource = self;
    // 注册cell
    [_binnerView registerClass:[CPBinnerCell class] forCellWithReuseIdentifier:@"cell"];
    // 你也可以使用nib注册cell
    [_binnerView registerNib:[UINib nibWithNibName:@"BinnerCell2" bundle:nil] forCellWithReuseIdentifier:@"cell2"];

实现协议方法

- (NSInteger)numberOfItemsWithBinnerView:(CPBinnerView *)binnerView;
- (CPBinnerCell *)binnerView:(CPBinnerView *)binnerView itemForIndex:(NSInteger)index;

cell样式完全可以自定义,来实现各种各样的轮播效果。

CPBinnerView

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Android 中,实现轮播图的方式有多种,可以使用 ViewPager、RecyclerView、ViewFlipper 等控件。下面以使用 ViewPager 实现轮播图为例,介绍一下具体的实现步骤: 1. 在布局文件中添加 ViewPager 控件,以及指示器等其他控件。 2. 创建一个 Adapter,并重写其中的 getItem() 和 getCount() 方法,分别返回每个轮播图的视图和数量。 3. 在 Activity 或 Fragment 中获取 ViewPager 控件,并为其设置 Adapter。 4. 设置 ViewPager 的滑动监听器,实现自动轮播效果。 5. 可选:为轮播图添加点击事件,处理用户点击事件。 具体实现的代码可以参考以下示例: 布局文件: ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="200dp"/> <LinearLayout android:id="@+id/indicator_layout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:orientation="horizontal"/> ``` Adapter: ```java public class BannerPagerAdapter extends PagerAdapter { private List<View> mViewList; public BannerPagerAdapter(List<View> viewList) { mViewList = viewList; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { View view = mViewList.get(position); container.addView(view); return view; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView((View) object); } @Override public int getCount() { return mViewList.size(); } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object object) { return view == object; } } ``` Activity 或 Fragment: ```java public class BannerActivity extends AppCompatActivity { private ViewPager mViewPager; private LinearLayout mIndicatorLayout; private List<View> mViewList; private int mCurrentPosition = 0; private Handler mHandler = new Handler(); private Runnable mRunnable = new Runnable() { @Override public void run() { mCurrentPosition++; if (mCurrentPosition >= mViewList.size()) { mCurrentPosition = 0; } mViewPager.setCurrentItem(mCurrentPosition); mHandler.postDelayed(this, 3000); } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_banner); mViewPager = findViewById(R.id.view_pager); mIndicatorLayout = findViewById(R.id.indicator_layout); mViewList = new ArrayList<>(); mViewList.add(getBannerView(R.drawable.banner1)); mViewList.add(getBannerView(R.drawable.banner2)); mViewList.add(getBannerView(R.drawable.banner3)); mViewList.add(getBannerView(R.drawable.banner4)); mViewList.add(getBannerView(R.drawable.banner5)); BannerPagerAdapter adapter = new BannerPagerAdapter(mViewList); mViewPager.setAdapter(adapter); addIndicators(); startAutoPlay(); } private View getBannerView(int resId) { ImageView imageView = new ImageView(this); imageView.setImageResource(resId); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 处理点击事件 } }); return imageView; } private void addIndicators() { for (int i = 0; i < mViewList.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.leftMargin = 10; params.rightMargin = 10; mIndicatorLayout.addView(imageView, params); } mIndicatorLayout.getChildAt(0).setSelected(true); } private void startAutoPlay() { mHandler.postDelayed(mRunnable, 3000); mViewPager.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() { @Override public void onPageSelected(int position) { mCurrentPosition = position; updateIndicators(); } }); } private void updateIndicators() { for (int i = 0; i < mIndicatorLayout.getChildCount(); i++) { View view = mIndicatorLayout.getChildAt(i); view.setSelected(i == mCurrentPosition); } } @Override protected void onDestroy() { super.onDestroy(); mHandler.removeCallbacks(mRunnable); } } ``` 这里只是提供了一种使用 ViewPager 实现轮播图的方式,具体实现方式可以根据需求进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值