前言

去年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"> <com.allure.lbanners.viewpager.HorizonVerticalViewPager android:id="@+id/gallery" android:layout_width="match_parent" android:layout_height="match_parent" android:unselectedAlpha="1"></com.allure.lbanners.viewpager.HorizonVerticalViewPager> <LinearLayout android:id="@+id/indicatorLayout" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center" android:orientation="horizontal" android:padding="20dp"></LinearLayout> <Button android:id="@+id/btn_start" android:layout_width="104dp" android:layout_height="29dp" android:layout_above="@id/indicatorLayout" android:layout_centerHorizontal="true" android:layout_marginBottom="40dp" android:background="@drawable/banners_btn_shape" android:gravity="center" android:text="立即开启" android:textColor="#f24814" android:textSize="12sp" /> </RelativeLayout>
相比于原来咱们新增了按钮,这时候咱们按照这个布局运行在每一个界面都包含了Button,而引导页模式只有在最后一页需要展示按钮。
Banner基础上扩展实现第二步:按钮的控制与模式支持
模式的支持
attrs.xml下新增自定义属性
<!--是否为引导页--> <attr name="isGuide" format="boolean"></attr> <attr name="indicatorBottomPadding" format="integer"></attr>
按钮的控制
在ViewPager中咱们控制按钮可以在ViewPager.OnPageChangeListener的接口方法中onPageScrolled进行控制
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
Log.d("LMBanners", "onPageScrolled was invoke()");
int realPosition = position %= showCount;
if(!isGuide){
btnStart.setVisibility(View.GONE);
return;
}
if (realPosition == getItemCount() - 2) {
if (positionOffset > 0.5f) {
if (btnStart != null) {
ViewHelper.setAlpha(btnStart, positionOffset);
btnStart.setVisibility(View.VISIBLE);
}
} else {
btnStart.setVisibility(View.GONE);
}
} else if (realPosition == getItemCount() - 1) {
if (positionOffset < 0.5f) {
btnStart.setVisibility(View.VISIBLE);
ViewHelper.setAlpha(btnStart, 1.0f - positionOffset);
} else {
btnStart.setVisibility(View.GONE);
}
} else {
btnStart.setVisibility(View.GONE);
}
}
以上代码中isGuide咱们判断是哪一种模式,如果不是Guide引导页模式,直接设置按钮不显示,并且跳出程序。
如果是Guide引导页模式,咱们针对倒数第二页与最后的控制的滑动距离来判断了按钮的显示。
核心点:
positionOffset:表示滑动的距离
向左滑动1—->>0.5>>0
向右滑动0—->>0.5>>1
根据滑动的距离进行按钮的一个渐变显示。
Banner基础上扩展实现第三步:按钮的点击回调
点击按钮需要执行开发者的自身逻辑跳转,咱们用接口回调完成
public interface onStartListener {
void startOpen();
}
Banner基础上扩展实现第四步:Guide模式使用方式
对比banner只需要增加以下代码,如果需要其他属性可以自己设置(如,不自动滚动,不设置循环播放等等)
//设置为全屏
mLBanners.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
//true为Guide模式,false为banner模式
mLBanners.isGuide(true);
mLBanners.setOnStartListener(new LMBanners.onStartListener() {
@Override
public void startOpen() {
//回调跳转的逻辑
Toast.makeText(MainActivity.this,"我要进入主界面",1).show();
}
});
到此,咱们的banner图升级为Guide模式的图库就完成。
GUIDE地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# ViewPager
# 轮播图
# Android使用ViewPager实现启动引导页
# Android自定义引导玩转ViewPager的方法详解
# Android开发实战之漂亮的ViewPager引导页
# Android开发实现的ViewPager引导页功能(动态加载指示器)详解
# ViewPager实现漂亮的引导页
# Android控件ViewPager实现带有动画的引导页
# ViewPager实现带引导小圆点与自动跳转的引导界面
# Android利用ViewPager实现用户引导界面效果的方法
# Android使用ViewPager完成app引导页
# ViewPager实现轮播图引导页
# 基础上
# 回调
# 跳转
# 我要
# 是有
# 不多
# 自定义
# 如果不是
# 只需要
# 如图
# 既可
# 到此
# 设置为
# 全屏
# 第二步
# 升级为
# 哪一种
# 有什么区别
# 第三步
# 开源
相关文章:
,网页ppt怎么弄成自己的ppt?
宝塔新建站点报错如何解决?
建站主机选购指南与交易推荐:核心配置解析
中山网站制作网页,中山新生登记系统登记流程?
制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事?
建设网站制作价格,怎样建立自己的公司网站?
Swift中循环语句中的转移语句 break 和 continue
建站之星微信建站一键生成小程序+多端营销系统
公司门户网站制作流程,华为官网怎么做?
宝塔Windows建站如何避免显示默认IIS页面?
python的本地网站制作,如何创建本地站点?
南宁网站建设制作定制,南宁网站建设可以定制吗?
如何在阿里云虚拟服务器快速搭建网站?
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
建站之星安装失败:服务器环境不兼容?
建站之星后台管理:高效配置与模板优化提升用户体验
导航网站建站方案与优化指南:一站式高效搭建技巧解析
如何高效利用亚马逊云主机搭建企业网站?
最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?
存储型VPS适合搭建中小型网站吗?
Python路径拼接规范_跨平台处理说明【指导】
如何用腾讯建站主机快速创建免费网站?
建站主机选哪家性价比最高?
建站主机无法访问?如何排查域名与服务器问题
如何获取开源自助建站系统免费下载链接?
如何在云指建站中生成FTP站点?
定制建站是什么?如何实现个性化需求?
网站制作模板下载什么软件,ppt模板免费下载网站?
金*站制作公司有哪些,金华教育集团官网?
常州企业网站制作公司,全国继续教育网怎么登录?
seo网站制作优化,网站SEO优化步骤有哪些?
车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?
制作网站的公司有哪些,做一个公司网站要多少钱?
如何确保西部建站助手FTP传输的安全性?
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?
如何快速搭建高效WAP手机网站?
定制建站模板如何实现SEO优化与智能系统配置?18字教程
如何高效配置香港服务器实现快速建站?
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
,想在网上投简历,哪几个网站比较好?
如何选择高效稳定的ISP建站解决方案?
5种Android数据存储方式汇总
已有域名如何快速搭建专属网站?
南京网站制作费用,南京远驱官方网站?
自助网站制作软件,个人如何自助建网站?
建站之星价格显示格式升级,你的预算足够吗?
建站之星如何快速解决建站难题?
海南网站制作公司有哪些,海口网是哪家的?
如何通过多用户协作模板快速搭建高效企业网站?
微信小程序 input输入框控件详解及实例(多种示例)
*请认真填写需求信息,我们会在24小时内与您取得联系。