android banner2.1.0轮播图

Android Banner2.1.0是一个轮播图库，可以用于在Android应用程序中实现轮播图功能。使用Banner2.1.0，您可以轻松地创建一个自动轮播的图片列表，并且可以自定义轮播图的样式和动画效果。

要使用Banner2.1.0，您需要在您的项目中添加以下依赖项：

implementation 'com.youth.banner:banner:2.1.0'

然后，在您的布局文件中添加Banner控件：

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

最后，在您的代码中设置Banner的图片列表和样式：

Banner banner = findViewById(R.id.banner);
List<Integer> images = new ArrayList<>();
images.add(R.drawable.image1);
images.add(R.drawable.image2);
images.add(R.drawable.image3);
banner.setImages(images)
      .setImageLoader(new GlideImageLoader())
      .start();

相关问题

android炫酷的轮播图

Android中常见的轮播图控件有ViewPager和Banner。下面分别介绍一下它们的使用方法：

一、ViewPager

ViewPager是Android中的一个常见控件，用于实现左右滑动的页面切换效果，它也可以用来实现轮播图效果。

1. 首先，在布局文件中添加ViewPager控件，并添加指示器控件（如小圆点）：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/vp_banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:clipChildren="false" />

    <LinearLayout
        android:id="@+id/ll_indicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/vp_banner"
        android:layout_centerHorizontal="true"
        android:orientation="horizontal" />

</RelativeLayout>

2. 编写适配器类BannerAdapter，实现轮播图功能：

public class BannerAdapter extends PagerAdapter {
    private List<Integer> mImages;

    public BannerAdapter(List<Integer> images) {
        mImages = images;
    }

    @Override
    public int getCount() {
        return mImages.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        ImageView imageView = new ImageView(container.getContext());
        imageView.setImageResource(mImages.get(position));
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        container.addView(imageView);
        return imageView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }
}

3. 在Activity中设置ViewPager的适配器和指示器：

ViewPager vpBanner = findViewById(R.id.vp_banner);
List<Integer> images = new ArrayList<>();
images.add(R.drawable.image1);
images.add(R.drawable.image2);
images.add(R.drawable.image3);
BannerAdapter adapter = new BannerAdapter(images);
vpBanner.setAdapter(adapter);

LinearLayout llIndicator = findViewById(R.id.ll_indicator);
for (int i = 0; i < images.size(); i++) {
    ImageView imageView = new ImageView(this);
    imageView.setImageResource(R.drawable.indicator_normal);
    llIndicator.addView(imageView);
}

vpBanner.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 < llIndicator.getChildCount(); i++) {
            ImageView imageView = (ImageView) llIndicator.getChildAt(i);
            imageView.setImageResource(i == position ? R.drawable.indicator_selected : R.drawable.indicator_normal);
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {
    }
});

二、Banner

Banner是一个轮播图控件库，可以实现多种轮播图效果，包括淡入淡出、缩放、旋转等效果。

1. 在build.gradle文件中添加依赖：

implementation 'com.youth.banner:banner:2.1.0'

2. 在布局文件中添加Banner控件：

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

3. 在Activity中设置Banner的适配器和轮播图效果：

Banner banner = findViewById(R.id.banner);
List<Integer> images = new ArrayList<>();
images.add(R.drawable.image1);
images.add(R.drawable.image2);
images.add(R.drawable.image3);
banner.setImages(images)
        .setImageLoader(new GlideImageLoader()) //设置图片加载器
        .setBannerAnimation(Transformer.Accordion) //设置轮播图效果
        .start();

其中，GlideImageLoader是一个图片加载器类，用于加载网络图片或本地图片：

public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}

以上就是ViewPager和Banner实现轮播图的方法。如果需要更加炫酷的轮播图效果，可以在Banner库中查找相应的效果。

android banner设置图片比例,Banner基本使用 2.1.0

在 Banner 2.1.0 中，可以使用 `setBannerStyle` 方法来设置 Banner 的样式，其中包括 `BannerConfig` 类中的 `NOT_INDICATOR`、`CIRCLE_INDICATOR`、`NUM_INDICATOR`、`NUM_INDICATOR_TITLE` 和 `CIRCLE_INDICATOR_TITLE` 五种样式。如果你需要设置 Banner 的图片比例，可以使用 `setBannerStyle` 方法中的 `BannerConfig` 类中的 `IMAGE_SCALE_TYPE` 属性，该属性可以设置 Banner 图片的缩放类型，包括 `FIT_XY`、`FIT_CENTER`、`CENTER_INSIDE` 等。例如，如果你需要让 Banner 图片宽度充满整个 Banner 区域，高度自适应，则可以使用以下代码：

banner.setBannerStyle(BannerConfig.NOT_INDICATOR);
banner.setImageScaleType(ImageView.ScaleType.FIT_XY);

其中，`ImageView.ScaleType.FIT_XY` 表示让图片按照 Banner 区域的宽度进行缩放，高度自适应。你可以根据自己的需求选择不同的缩放类型。