Android BGABanner轮播图组件
来源:互联网 发布:网络销售主管职责 编辑:程序博客网 时间:2024/05/20 11:50
BGABanner的GitHub地址:
https://github.com/bingoogolapple/BGABanner-Android
引用:
dependencies { compile 'com.android.support:support-v4:latestVersion' //latestVersion是最新的版本号 compile 'cn.bingoogolapple:bga-banner:latestVersion@aar'}
布局文件添加:
<cn.bingoogolapple.bgabanner.BGABanner android: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" />
布局属性说明:
<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>
使用方式一:
通过传入数据模型并结合 Adapter 的方式配置数据源,这种方式主要用于加载网络图片,以及实现少于3页时的无限轮播
mContentBanner.setAdapter(new BGABanner.Adapter<ImageView, String>() { @Override public 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"));
使用方式二:
通过直接传入视图集合的方式配置数据源,主要用于自定义引导页每个页面布局的情况
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);
使用方式三:
通过传入图片资源 id 的方式配置数据源,主要用于引导页每一页都是只显示图片的情况
mContentBanner.setData(R.drawable.uoko_guide_foreground_1, R.drawable.uoko_guide_foreground_2, R.drawable.uoko_guide_foreground_3);
使用方式四:
通过自定义 item 布局的方式来配置数据,用于导航页的布局
mContentBanner.setAdapter(new BGABanner.Adapter<CardView, String>() { @Override public void fillBannerItem(BGABanner banner, CardView itemView, String model, int position) { SimpleDraweeView simpleDraweeView = (SimpleDraweeView) itemView.findViewById(R.id.sdv_item_fresco_content); simpleDraweeView.setImageURI(Uri.parse(model)); } });mContentBanner.setData(R.layout.item_fresco, imgs, null);
item的点击事件:
mContentBanner.setDelegate(new BGABanner.Delegate<ImageView, String>() { @Override public void onBannerItemClick(BGABanner banner, ImageView itemView, String model, int position) { Toast.makeText(banner.getContext(), "点击了" + position, Toast.LENGTH_SHORT).show(); }});
跳过和进入首页按钮点击事件:
mContentBanner.setEnterSkipViewIdAndDelegate(R.id.btn_guide_enter, R.id.tv_guide_skip, new BGABanner.GuideDelegate() { @Override public void onClickEnterOrSkip() { startActivity(new Intent(GuideActivity.this, MainActivity.class)); finish(); }});
阅读全文
0 0
- Android BGABanner轮播图组件
- Android轮播控件 BGABanner
- android开源库BGA----BGAbanner的使用
- BGABanner-Android 引导、图片轮播控件
- android开源库BGA----BGAbanner的使用
- BGABanner-Android 引导、图片轮播控件
- 轮播控件——BGABanner
- Android组件
- Android组件
- Android组件
- android 组件
- Android组件
- android组件
- android组件
- android组件
- Android组件
- Android组件
- android组件
- Xcode8 VVDocumenter 注释
- JVM的体系结构
- kafka安装以及client和server端兼容性测试
- 数学建模初赛试题—护士工作时间安排
- 【剑指offer】面试题53(1):数字在排序数组中出现的次数
- Android BGABanner轮播图组件
- 时隔约一年半后重回ubuntu工作环境下的第一篇
- JS-时间实时更新
- solr添加kerberos认证及授权
- 查询oracle中所有用户信息
- 简单对战游戏Java版源程序
- 【备忘】Java菜鸟到大牛学习路线之实战篇
- CSS动画实战:创建一个太极Loading图
- MIT eecs 6.00 problemset1