Android图像切换器介绍

简介

Android图像切换器是一个可以实现图片轮播的组件，用户可以通过该组件实现将多张图片进行轮播展示。

特性

Android图像切换器具有以下特性：

• 可以实现无限循环轮播；
• 通过指定时间间隔实现自动轮播；
• 支持手动滑动切换；
• 支持自定义图片切换动画效果；
• 支持设置图片指示器。

使用方法

引入依赖

在项目的build.gradle文件中加入依赖：

dependencies {
    implementation 'com.android.support:support-v4:28.0.0'
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    implementation 'com.android.support:cardview-v7:28.0.0'
    implementation 'com.android.support:recyclerview-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.youth.banner:banner:1.4.10'
}

布局文件中添加组件

在需要展示轮播图的布局文件中加入以下代码：

<com.youth.banner.Banner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:banner_style="num_indicator"
        app:indicator_drawable_selected="@drawable/shape_indicator_selected"
        app:indicator_drawable_unselected="@drawable/shape_indicator_unselected"
        app:banner_animation="alpha" />

其中，属性app:banner_style指定了指示器的样式，属性app:indicator_drawable_selected和app:indicator_drawable_unselected分别指定了指示器的选中状态和未选中状态的图片，属性app:banner_animation指定了图片切换动画效果。

代码中设置图片数据

在对应的Activity或Fragment中获取组件，然后通过以下代码设置图片数据：

public class MainActivity extends AppCompatActivity implements OnBannerListener {

    private Banner banner;
    private List<String> images = new ArrayList<>();
    private List<String> titles = new ArrayList<>();

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

        banner = (Banner) findViewById(R.id.banner);
        initData();
        banner.setImages(images)
                .setImageLoader(new GlideImageLoader())
                .setOnBannerListener(this)
                .start();
    }

    private void initData() {
        images.add("http://img.zcool.cn/community/0389c756ac9f72a8012060c848bec6.png");
        images.add("http://img.zcool.cn/community/01497956ac9f79a80121d20ea53ff2.jpg");
        images.add("http://img.zcool.cn/community/0166c756ac9f7ba801214168b8cd1c.jpg");
        images.add("http://img.zcool.cn/community/018fdb56ac9f8ea8012060c8f8d2d3.jpg");
        titles.add("作者：loonggg");
        titles.add("作者：Jordan");
        titles.add("作者：方松伟个人");
        titles.add("作者：源码时代");

    }
}

其中，GlideImageLoader是图片加载库Glide的一个封装类，用来实现在轮播图中加载网络图片。

指示器样式自定义

用户可以通过自定义drawable来实现不同的指示器样式，如下所示：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false"
    android:innerRadius="2dp"
    android:thickness="2dp"
    android:size="8dp">

    <solid android:color="@color/gray_80" />
</shape>

总结

Android图像切换器是一个非常实用的组件，可以实现对图片的轮播展示。用户可以根据自己的需求对图片切换效果进行自定义，并且可以实现指示器样式的自定义。