仿魅族BannerView,图片轮播控件,支持多种模式切换:普通ViewPager使用,普通Banner使用,仿魅族Banner使用。
仿魅族BannerView,图片轮播控件,支持多种模式切换:普通ViewPager使用,普通Banner使用,仿魅族Banner使用。
&version=12020810&lang=zh_CN&nettype=WIFI&ascene=0&session_us=gh_d32aef65c1b3&fontScale=100&pass_ticket=Wty8DxZurpU2xxUkFPtXL5oqMrigpoVVh1agsDKXukmezsMUUJaWb%2FdIlcrhpQOq&wx_header=1&uin=OTU2MjA1MzIy&key=ebe51358ecae289391e767e9274e1a2bf8576a9e4fd5bc2b31956a627346413f84f752a9dd302e2a157b6fb84991a4142881a8143d21cdd25b805b8ba327e3ba78443337a68c9a1b32095d9adc30ec4b) 现在的 APP Banner 大多是千篇一律的,前几天看到魅族手机上所有魅族自家的 APP 上的 Banner 效果不错,于是就想着来仿造一个类似的效果。因此这个库就诞生了。但是为了使用方便,这个库不仅仅只有仿魅族效果的 BannerView 来使用,还可以当作普通的 BannerView 来使用,还可以当作一个 ViewPager 来使用。使用非常方便,具体的使用方法和 API 请看后面的示例。 --- 左图为魅族APP上的Banner效果,右图是高仿效果。 MZBannerView 有以下功能:
仿魅族BannerView 样式。
普通Banner 的使用
当普通ViewPager 使用时。
当普通ViewPager使用时(具有魅族Banner效果)
仿爱奇艺Banner效果。
gif 图片有点模糊,可以扫描下方的二维码下载 APK 体验
v1.1.1: 添加了按住Banner停止轮播,松开开始自动轮播的功能 v1.1.0: 修复在从网络获取数据后,banner 显示导致 ANR 的问题(如果在 onCreate() 中设置资源显示则没有问题) v1.1.2: 修复在更改数据后,调用 setPages 重新刷新数据时会出现崩溃的问题 v2.0.0: 1、add: 添加仿魅族Banner效果,中间的Page覆盖两边。 2、修复部分 bug: 添加 OnPageChangeListener 回调时位置不正确的 bug。 v2.0.1 1、部分代码优化 2、添加设置Indicator的api,在代码中和xml中都可以设置: 在代码中:
mMZBanner.setIndicatorAlign(MZBannerView.IndicatorAlign.LEFT);
mMZBanner.setIndicatorPadding(10,0,0,150);
在 xml 中:
app:indicatorAlign="center"
app:indicatorPaddingLeft="10dp"
app:indicatorPaddingBottom="50dp"
app:indicatorPaddingRight="10dp"
app:indicatorPaddingTop="50dp"v2.0.2 1、修复部分 bug 2、代码优化,增加了在代码中可以设置是否自动轮播
重要: 所有的配置项都应该在
setPages()之前调用,否则可能会无效
在根 build.gradle 中添加 repositories 后面的内容:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}步骤 2. 添加依赖项
dependencies {
compile 'com.github.pinguo-zhouwei:MZBannerView:v2.0.2'
}| 属性名称 | 属性含义 | 取值 |
|---|---|---|
| open_mz_mode | 是否开启魅族模式 | true 为魅族Banner效果,false 为普通Banner效果 |
| canLoop | 是否循环滑动 | true 为循环滑动,false 为普通 ViewPager |
| indicatorPaddingLef |
暂无开放 Issues,或尚未同步最近议题。