Android 引导、图片轮播控件(BGABanner)

2024-08-28 01:08

本文主要是介绍Android 引导、图片轮播控件(BGABanner),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

  • 功能介绍
  • 效果图与示例 apk
  • 常见问题
  • 使用
  • 自定义属性说明
  • 关于我
  • 打赏支持
  • License

功能介绍

  •  引导界面导航效果
  •  支持根据服务端返回的数据动态设置广告条的总页数
  •  支持大于等于1页时的无限循环自动轮播、手指按下暂停轮播、抬起手指开始轮播
  •  支持自定义指示器位置和广告文案位置
  •  支持图片指示器和数字指示器
  •  支持 ViewPager 各种切换动画
  •  支持选中特定页面
  •  支持监听 item 点击事件
  •  加载网络数据时支持占位图设置,避免出现整个广告条空白的情况
  •  多个 ViewPager 跟随滚动

效果图与示例 apk

banner

点击下载 BGABannerDemo.apk 或扫描下面的二维码安装

 

常见问题

  1. 结合 Fresco 加载图片请参考 FrescoDemoActivity
  2. 自定义 item 布局文件请参考 FrescoDemoActivity

使用

1.添加 Gradle 依赖

 bga-banner 后面的「latestVersion」指的是左边这个 maven-central 徽章后面的「数字」,请自行替换。

dependencies {compile 'com.android.support:support-v4:latestVersion'compile 'cn.bingoogolapple:bga-banner:latestVersion@aar'
}

2.在布局文件中添加 BGABanner

<cn.bingoogolapple.bgabanner.BGABannerandroid:id="@+id/banner_guide_content"style="@style/MatchMatch"app:banner_pageChangeDuration="1000"app:banner_pointAutoPlayAble="false"app:banner_pointContainerBackground="@android:color/transparent"app:banner_pointDrawable="@drawable/bga_banner_selector_point_hollow"app:banner_pointTopBottomMargin="15dp"app:banner_transitionEffect="alpha" />

3.在 Activity 或者 Fragment 中配置 BGABanner 的数据源

有多种配置数据源的方式,这里仅列出三种方式。更多初始化方式请查看 demo,或加网页底部给的 QQ 群咨询

配置数据源的方式1:通过传入数据模型并结合 Adapter 的方式配置数据源。这种方式主要用于加载网络图片,以及实现少于3页时的无限轮播

mContentBanner.setAdapter(new BGABanner.Adapter<ImageView, String>() {@Overridepublic void fillBannerItem(BGABanner banner, ImageView itemView, String model, int position) {Glide.with(MainActivity.this).load(model).placeholder(R.drawable.holder).error(R.drawable.holder).centerCrop().dontAnimate().into(itemView);}
});mContentBanner.setData(Arrays.asList("网络图片路径1", "网络图片路径2", "网络图片路径3"), Arrays.asList("提示文字1", "提示文字2", "提示文字3"));

配置数据源的方式2:通过直接传入视图集合的方式配置数据源,主要用于自定义引导页每个页面布局的情况

List<View> views = new ArrayList<>();
views.add(BGABannerUtil.getItemImageView(this, R.drawable.ic_guide_1));
views.add(BGABannerUtil.getItemImageView(this, R.drawable.ic_guide_2));
views.add(BGABannerUtil.getItemImageView(this, R.drawable.ic_guide_3));
mContentBanner.setData(views);

配置数据源的方式3:通过传入图片资源 id 的方式配置数据源,主要用于引导页每一页都是只显示图片的情况

mContentBanner.setData(R.drawable.uoko_guide_foreground_1, R.drawable.uoko_guide_foreground_2, R.drawable.uoko_guide_foreground_3);

4.监听广告 item 的单击事件,在 BGABanner 里已经帮开发者处理了防止重复点击事件

mContentBanner.setDelegate(new BGABanner.Delegate<ImageView, String>() {@Overridepublic void onBannerItemClick(BGABanner banner, ImageView itemView, String model, int position) {Toast.makeText(banner.getContext(), "点击了" + position, Toast.LENGTH_SHORT).show();}
});

5.设置「进入按钮」和「跳过按钮」控件资源 id 及其点击事件,如果进入按钮和跳过按钮有一个不存在的话就传 0,在 BGABanner 里已经帮开发者处理了防止重复点击事件,在 BGABanner 里已经帮开发者处理了「跳过按钮」和「进入按钮」的显示与隐藏

mContentBanner.setEnterSkipViewIdAndDelegate(R.id.btn_guide_enter, R.id.tv_guide_skip, new BGABanner.GuideDelegate() {@Overridepublic void onClickEnterOrSkip() {startActivity(new Intent(GuideActivity.this, MainActivity.class));finish();}
});

自定义属性说明

<declare-styleable name="BGABanner"><!-- 指示点容器背景 --><attr name="banner_pointContainerBackground" format="reference|color" /><!-- 指示点背景 --><attr name="banner_pointDrawable" format="reference" /><!-- 指示点容器左右内间距 --><attr name="banner_pointContainerLeftRightPadding" format="dimension" /><!-- 指示点上下外间距 --><attr name="banner_pointTopBottomMargin" format="dimension" /><!-- 指示点左右外间距 --><attr name="banner_pointLeftRightMargin" format="dimension" /><!-- 指示器的位置 --><attr name="banner_indicatorGravity"><flag name="top" value="0x30" /><flag name="bottom" value="0x50" /><flag name="left" value="0x03" /><flag name="right" value="0x05" /><flag name="center_horizontal" value="0x01" /></attr><!-- 是否开启自动轮播 --><attr name="banner_pointAutoPlayAble" format="boolean" /><!-- 自动轮播的时间间隔 --><attr name="banner_pointAutoPlayInterval" format="integer" /><!-- 页码切换过程的时间长度 --><attr name="banner_pageChangeDuration" format="integer" /><!-- 页面切换的动画效果 --><attr name="banner_transitionEffect" format="enum"><enum name="defaultEffect" value="0" /><enum name="alpha" value="1" /><enum name="rotate" value="2" /><enum name="cube" value="3" /><enum name="flip" value="4" /><enum name="accordion" value="5" /><enum name="zoomFade" value="6" /><enum name="fade" value="7" /><enum name="zoomCenter" value="8" /><enum name="zoomStack" value="9" /><enum name="stack" value="10" /><enum name="depth" value="11" /><enum name="zoom" value="12" /></attr><!-- 提示文案的文字颜色 --><attr name="banner_tipTextColor" format="reference|color" /><!-- 提示文案的文字大小 --><attr name="banner_tipTextSize" format="dimension" /><!-- 加载网络数据时覆盖在 BGABanner 最上层的占位图 --><attr name="banner_placeholderDrawable" format="reference" /><!-- 是否是数字指示器 --><attr name="banner_isNumberIndicator" format="boolean" /><!-- 数字指示器文字颜色 --><attr name="banner_numberIndicatorTextColor" format="reference|color" /><!-- 数字指示器文字大小 --><attr name="banner_numberIndicatorTextSize" format="dimension" /><!-- 数字指示器背景 --><attr name="banner_numberIndicatorBackground" format="reference" /><!-- 当只有一页数据时是否显示指示器,默认值为 false --><attr name="banner_isNeedShowIndicatorOnOnlyOnePage" format="boolean" /><!-- 自动轮播区域距离 BGABanner 底部的距离,用于使指示器区域与自动轮播区域不重叠 --><attr name="banner_contentBottomMargin" format="dimension"/>
</declare-styleable>

这篇关于Android 引导、图片轮播控件(BGABanner)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1113297

相关文章

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库,所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包,存

从状态管理到性能优化:全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

android应用中res目录说明

Android应用的res目录是一个特殊的项目,该项目里存放了Android应用所用的全部资源,包括图片、字符串、颜色、尺寸、样式等,类似于web开发中的public目录,js、css、image、style。。。。 Android按照约定,将不同的资源放在不同的文件夹中,这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小,以视图的内容或尺寸为基础的布局,比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样,从字面上的意思match_parent更贴切一些,于是从2.2开始,两个属性都可以使用,但2.3版本以后的建议使

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of