使用VerticalBannerView实现垂直轮播广告（仿淘宝头条）

最新推荐文章于 2024-08-09 07:32:56 发布

ruancoder

最新推荐文章于 2024-08-09 07:32:56 发布

阅读量8.4k

点赞数 4

分类专栏：开源项目文章标签：开源项目 VerticalBannerView

本文链接：https://blog.csdn.net/ruancoder/article/details/52474692

版权

本文介绍了一个开源项目VerticalBannerView，它是一个模仿淘宝APP首页轮播头条的自定义控件，支持自由定义内容，使用方式类似ListView/RecyclerView。通过详细步骤展示了如何添加依赖、布局、实现Adapter以及源码分析，提供了实现垂直轮播广告的完整流程。

摘要由CSDN通过智能技术生成

VerticalBannerView是一个仿淘宝APP首页轮播头条的自定义控件。
特性：
1.可自由定义展示的内容。
2.使用方式类似ListView/RecyclerView。
3.可为当前显示的内容添加各种事件，比如点击打开某个页面等。

VerticalBannerView开源项目地址：
https://github.com/guojunustb/VerticalBannerView

运行效果图：

一、项目使用

(1).添加项目依赖。

dependencies {
    compile 'com.github.Rowandjj:VerticalBannerView:1.0'
}

(2).添加布局。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:text="淘宝头条"
        android:textStyle="bold"/>

    <View
        android:layout_width="1dp"
        android:layout_height="40dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:background="#cccccc"/>

    <com.taobao.library.VerticalBannerView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/banner"
        android:layout_width="wrap_content"
        android:layout_height="36dp"
        app:animDuration="900"
        app:gap="2000"/>
</LinearLayout>

(3).实现Adapter。

public class SampleAdapter extends BaseBannerAdapter<Model> {
    private List<Model> mDatas;

    public SampleAdapter01(List<Model> datas) {
        super(datas);
    }

    &