Banner

Posted 2020-10-18 鹏达君

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在布局文件中进行自定义，所以具体效果最好看文档，去看属性什么意思，然后自己去定义