Android实现轮播图

功能演示

添加依赖

implementation 'io.github.youth5201314:banner:2.2.2'

主页面布局 activity_banner.layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <com.youth.banner.Banner
        android:id="@+id/banner_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

实现代码 BannerActivity.java

import android.graphics.Color;
import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

import com.youth.banner.Banner;
import com.youth.banner.adapter.BannerImageAdapter;
import com.youth.banner.holder.BannerImageHolder;
import com.youth.banner.indicator.CircleIndicator;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

public class BannerActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_banner);

        // 获取控件
        Banner banner = findViewById(R.id.banner_view);

        // 创建数据数组
        List<Integer> banner_data =new ArrayList<>();
        Collections.addAll(banner_data,R.drawable.yindao01,R.drawable.yindao02,R.drawable.yindao03,R.drawable.yindao04);

        // 设置适配器 banner自带适配器
        banner.setAdapter(new BannerImageAdapter<Integer>(banner_data){
            @Override
            public void onBindView(BannerImageHolder holder, Integer data, int position, int size) {
                // 将图片设置到控件里,imageView这个控件是自带的
                holder.imageView.setImageResource(data);
            }
        });
        // 无限播放
        banner.isAutoLoop(true);
        banner.setIndicator(new CircleIndicator(this));
        // 间隔1秒播放一次
        banner.setScrollBarFadeDuration(1000);
        // 圆点颜色
        banner.setIndicatorSelectedColor(Color.RED);
        // 开始播放
        banner.start();
    }
}

以下是 Android 实现轮播图的整体代码示例: 1. 在布局文件中添加 ViewPager 和指示器的布局: ``` <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp" /> <LinearLayout android:id="@+id/indicatorLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:orientation="horizontal" android:padding="10dp" /> </RelativeLayout> ``` 2. 创建 Adapter 类,继承自 PagerAdapter,并实现其中的方法: ``` public class ImagePagerAdapter extends PagerAdapter { private List<Integer> mImageIds; private Context mContext; public ImagePagerAdapter(Context context, List<Integer> imageIds) { mContext = context; mImageIds = imageIds; } @Override public int getCount() { return mImageIds.size(); } @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(mImageIds.get(position)); container.addView(imageView); return imageView; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView((ImageView) object); } } ``` 3. 在 Activity 或 Fragment 中设置 ViewPager 和指示器: ``` List<Integer> imageIds = new ArrayList<>(); imageIds.add(R.drawable.image1); imageIds.add(R.drawable.image2); imageIds.add(R.drawable.image3); ViewPager viewPager = findViewById(R.id.viewPager); ImagePagerAdapter adapter = new ImagePagerAdapter(this, imageIds); viewPager.setAdapter(adapter); LinearLayout indicatorLayout = findViewById(R.id.indicatorLayout); for (int i = 0; i < imageIds.size(); i++) { ImageView indicator = new ImageView(this); LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); lp.setMargins(10, 0, 10, 0); indicator.setLayoutParams(lp); indicator.setImageResource(R.drawable.indicator_selector); indicatorLayout.addView(indicator); } 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 indicator = (ImageView) indicatorLayout.getChildAt(i); if (i == position) { indicator.setSelected(true); } else { indicator.setSelected(false); } } } @Override public void onPageScrollStateChanged(int state) { } }); viewPager.setCurrentItem(0); ((ImageView) indicatorLayout.getChildAt(0)).setSelected(true); ``` 4. 在 res/drawable 文件夹中添加指示器的 Selector 文件,例如 indicator_selector.xml: ``` <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/indicator_selected" android:state_selected="true" /> <item android:drawable="@drawable/indicator_unselected" /> </selector> ``` 其中,indicator_selected 和 indicator_unselected 分别是选中和未选中状态下的指示器图片。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值