1.简介
其就是我们常看见的变化的动画图,具体效果如下图:
2.banner动画效果的实现
1)导入banner集成项目
2)引入该banner组件
3)建立自定义类继承ImageLoader
4)选择播放图片并且设立效果
注意:得清楚的指导每种效果对应的类是哪个
transformers.add(DefaultTransformer.class);//普通移动的效果 transformers.add(AccordionTransformer.class);//上一张图渐渐被替换的效果 transformers.add(BackgroundToForegroundTransformer.class);//背景弹出的效果 transformers.add(ForegroundToBackgroundTransformer.class);//上一张图被替换弹出的效果 transformers.add(CubeInTransformer.class);//旋转进入的效果 transformers.add(CubeOutTransformer.class);//立方体旋转的效果 transformers.add(DepthPageTransformer.class);//类似于一张纸被拿掉看下一张的效果 transformers.add(FlipHorizontalTransformer.class);//图中间当做轴水平翻转的效果 transformers.add(FlipVerticalTransformer.class);//图中间当做轴垂直翻转的效果 transformers.add(RotateDownTransformer.class);//从右上角下滑的效果 transformers.add(RotateUpTransformer.class);//从右小角上滑的效果 transformers.add(ScaleInOutTransformer.class);//从右边从小变大的效果 transformers.add(StackTransformer.class);//一堆出来的效果 transformers.add(TabletTransformer.class);//块状出来的效果 transformers.add(ZoomInTransformer.class);//中间渐渐放大的效果 transformers.add(ZoomOutTranformer.class);//中间渐渐变小的效果 transformers.add(ZoomOutSlideTransformer.class);//滑动渐渐变大的效果
3.banner样式效果的实现
1)导入banner集成项目
2)引入该banner组件
3)建立自定义类继承ImageLoader
4)选择播放图片,每张图片对应的文字,并且设立效果
注意:得清楚的指导每种样式效果对应的常量是哪个
case 0: banner.updateBannerStyle(BannerConfig.NOT_INDICATOR);//什么都没有,就只有图片的动画变动 break; case 1: banner.updateBannerStyle(BannerConfig.CIRCLE_INDICATOR);//有原点没有文字,圆点在底部中间 break; case 2: banner.updateBannerStyle(BannerConfig.NUM_INDICATOR);//没有圆点没有文字,有数字,在右下角 break; case 3: banner.updateBannerStyle(BannerConfig.NUM_INDICATOR_TITLE);//没有圆点,有数字,在右下角,有文字,在左下角 break; case 4: banner.updateBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);//有圆点,有文字,文字在底部左下角,圆点在文字上方的中间 break; case 5: banner.updateBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);//有圆点,有文字,文字在底部左下角,圆点在文字的右边 break;
4.banner设置指示器的位置
设置指示器的位置,引用banner的setIndicatorGravity方法,并且传入参数,以下是参数的具体效果:
BannerConfig.LEFT:左边
BannerConfig.CENTER:中间
BannerConfig.RIGHT:右边
5.banner自定义效果
利用属性app在布局文件中进行自定义,所以具体效果最好看文档,去看属性什么意思,然后自己去定义