Android轮播图 实现方式二: 无限轮播 三方框架banner。(成熟可以直接使用)!

属性参考github :https://github.com/youth5201314/banner

  1.   项目的Gradle 中加入

   //添加欢迎引导页的Banner轮播
   implementation 'com.youth.banner:banner:1.4.10'
2. 布局文件中的使用。
 
<com.youth.banner.Banner
    android:id="@+id/home_play_banner"
    android:layout_width="match_parent"
    android:layout_height="@dimen/base150dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginLeft="@dimen/base15dp"
    android:layout_marginRight="@dimen/base15dp"
    mlp:indicator_width = "@dimen/base10dp"
    mlp:indicator_height = "@dimen/base10dp"
    mlp:indicator_margin = "@dimen/base3dp"
    />

  3.  代码中使用。 

 
public class MyFragment extends Fragment {

    @BindView(R.id.banner)
    Banner banner;

    private List<String> mTitleList = new ArrayList<>();
    private List<Integer> mImgList = new ArrayList<>();
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = View.inflate(getActivity(), R.layout.fragment_my, null);
        ButterKnife.bind(this, view); // 注意的地方。Fragment中 控件引入,。
        BannerSet(); // 设置轮播图。
        return view;

    }

    private void BannerSet() {
        mImgList.add(R.drawable.books_image_1);
        mImgList.add(R.drawable.books_image_2);
        mImgList.add(R.drawable.books_image_3);
        mImgList.add(R.drawable.books_image_4);

        mTitleList.clear();
        for (int i = 0; i < mImgList.size(); i++) {
            mTitleList.add("第"+ i + "张图片");
        }
        
banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE); // 显示圆形指示器和标题(水平显示
//设置图片加载器
banner.setImageLoader(new MyLoader());
//设置图片集合
banner.setImages(mImgList);
//设置banner动画效果
banner.setBannerAnimation(Transformer.DepthPage);
//设置标题集合(当banner样式有显示title时)
banner.setBannerTitles(mTitleList);
//设置自动轮播,默认为true
banner.isAutoPlay(true);
//设置轮播时间
banner.setDelayTime(1500);
//设置指示器位置(当banner模式中有指示器时)
banner.setIndicatorGravity(BannerConfig.CENTER);
//banner设置方法全部调用完毕时最后调用
banner.start();
  // setOnBannerClickListener  1.4.9 以后就废弃了 。  setOnBannerListener 是1.4.9以后使用。
 
banner.setOnBannerListener(new OnBannerListener() {
    @Override
    public void OnBannerClick(int position) {
        UIUtils.showToast("第"+ position +"张轮播图点击了!");
    }
});

}}
4. 图片加载器
 
public class MyLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }

}
5.属性介绍:



                
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值