ViewPager打造轮播图（Banner）\引导页（Guide）

最新推荐文章于 2024-08-09 07:34:23 发布

Allure丶

最新推荐文章于 2024-08-09 07:34:23 发布

阅读量2.3k

点赞数 1

分类专栏： android开发 Android进阶之路文章标签： viewpager 轮播图引导页 Guide Banner

本文链接：https://blog.csdn.net/asddavid/article/details/53839542

版权

本文介绍了如何在ViewPager基础上扩展，创建一个既能作为轮播图（Banner）又可作为引导页（Guide）的库。通过添加按钮、控制按钮显示、设置点击回调以及调整底部原点距离，实现了Guide模式。文中提供了详细步骤和代码示例，方便开发者快速集成到项目中。

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

前言

今年7月时，在Github发布了一个开源的Banner库，虽然Star不多，但还是有少部分人使用。

Banner效果：
这里写图片描述

Github链接地址：https://github.com/Allure0/LMBanners

昨天，有使用此库的同学提出需求，想在引导页的时候用这个库并且最后一页有进入按钮如何实现，为满足他的需求，也方便更多开发者是快速实现。进行了简单的扩展支持Guide模式的使用。

Guide效果图：
这里写图片描述

OK，效果如图所以，咱们此库满足了既可在Banner上使用也可以快速在第一次安装应用的时候引导页使用。

Banner与Guide有什么区别？

引导页的最后一页有按钮，Banners没有
引导页的底部原点距离较大，Banners可以几乎固定

Banner基础上扩展实现第一步：添加按钮

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout"
    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <