android 图片/视频混合轮播控件banner

在youth5201314的图片轮播控件做的修改

原作者github地址：https://github.com/youth5201314/banner

原作者许久没有维护这个控件了，所以我在此控件基础上做了一些修改，新增视频图片混合轮播的形式，并且可以自定义每个子视图的播放显示时间

github传送门：https://github.com/lakehubo/HBanner 如果对你有用，star一个，非常感谢！

控件优化空间有很多，暂时没有做系统的优化，只是实现了功能以及测了一些比较浅显的bug

非常感谢在issues里给我留言的小伙伴！还有很详细的bug复现描述，我会继续努力。目前部分朋友提出的视频切换图片闪烁的问题，经过一位伙伴的耐心测试发现是由于CustomVideoView类的离屏渲染导致，经过对CustomVideoView的外部包裹一层ViewGroup解决了该问题，在此非常感谢这位朋友的反馈以及意见！还有部分朋友出现的视频黑屏只有声音的问题，也已经复现找到，是由于切换动画引起的bug，原有的图片换场方式已经不再适用视频图片混播切换，故只保留了经测试可正常使用的横向切换和纵向切换动画。

目前已优化项 版本1.0.8

1.目前新增了在线视频缓存功能，当传入的地址对象为uri类型时，将对该地址的视频/图片是否下载到本地进行判断，默认会进行缓存并优先读取本地视频/图片进行轮播，若为本地视频/图片，请用string对象。

2.视频加载模式从饿汉式改为了懒汉式。

3.目前视频播放器采用的VideoView原生控件，所以支持的视频格式有限，推荐限定视频格式为mp4

4.新增图片视频子布局参数设置，居中，拉伸，垂直居中(1.0.1 优化项)

5.支持手滑切换页面(以下 1.0.2版本优化项)

6.优化标题的传入方式

7.新增控件生命周期重启和暂停的方法(以下1.0.3版本优化项)

8.新增缓存地址自定义，解决关闭缓存下网络图片无法显示问题

9.降低sdk最低版本支持为16(1.0.4)

10.修复设置缓存地址后，无法正确读取缓存视频和图片的bug(1.0.4)

11.修改图片视频控件center和full布局设置的调用位置(1.0.4)

12.修复标题显示不正确bug(1.0.5)

13.修复部分视频网站无法下载缓存的问题(本版本下载https资源时，会绕过所有证书，信任所有https网站)(1.0.6)

14.修复单个视频无限轮播问题(1.0.7)

15.修复update崩溃bug(1.0.7)

16.修复list为0时，调用控件生命周期引起的崩溃问题(1.0.7)

17.拆分视频和图片的布局方式设置为setImageGravity以及setVideoGravity(1.0.8)

18.修复竖方向切换时，视频相邻图片黑屏闪烁问题(1.0.8)

19.去掉不适用的换场方法，原有的多个transform切换类对于有视频/图片混播不适用且会有视频黑屏bug存在，故只保留了横向以及纵向的切换动画，且不会导致视频黑屏(1.0.8)

20.新增page背景颜色设置方法(1.0.8)

目前框架比较简陋，欢迎各位同行的交流和各种建议指导，感激不尽

有使用上的问题或者建议可以直接在github上提交问题，我会定期优化解决

框架更详细的用法和介绍请移步github阅读简介

权限说明

在线视频的播放以及缓存需要相应的网络权限和存储器的读写权限，请在相应应用里添加以下权限，并动态申请

Gradle 依赖添加

dependencies {

implementation 'com.lakehubo:hbanner:1.0.8'

...

}

调用方法

public class MainActivity extends AppCompatActivity {

private Banner banner;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

banner = findViewById(R.id.banner);

/**

* 视频图片混播

*/

Listlist = new ArrayList<>();

Uri path1 = Uri.parse("https://v-cdn.zjol.com.cn/123468.mp4");

Uri path2 = Uri.parse("https://v-cdn.zjol.com.cn/276982.mp4");

//如果你想调用apk本身资源携带的视频可以用以下方式传入

// Uri path1 = Uri.parse("android.resource://" + getPackageName() + "/"+ R.raw.default1);

// Uri path2 = Uri.parse("android.resource://" + getPackageName() + "/"+ R.raw.default2);

Uri imageUrl = Uri.parse("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1579170629919&di=fc03a214795a764b4094aba86775fb8f&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D4061015229%2C3374626956%26fm%3D214%26gp%3D0.jpg");

list.add(new ViewItemBean(VIDEO, "标题1",path1, 15 * 1000));

list.add(new ViewItemBean(IMAGE, "标题2",imageUrl, 2 * 1000));

list.add(new ViewItemBean(VIDEO, "标题3",path2, 15 * 1000));

list.add(new ViewItemBean(IMAGE, "标题4",R.mipmap.b1, 2 * 1000));

list.add(new ViewItemBean(IMAGE, "标题5",R.mipmap.b2, 2 * 1000));

banner.setViews(list)

.setBannerAnimation(Transformer.Default)//换场方式

.setBannerStyle(BannerStyle.CIRCLE_INDICATOR_TITLE)//指示器模式

.setCache(true)//可以不用设置，默认为true

.setCachePath(getExternalFilesDir(Environment.DIRECTORY_MOVIES).getAbsolutePath() + File.separator + "hbanner")

.setVideoGravity(VideoGravityType.CENTER)//视频布局方式

.setImageGravity(ImageGravityType.FIT_XY)//图片布局方式

.setPageBackgroundColor(Color.TRANSPARENT)//设置背景

.setShowTitle(true)//是否显示标题

.setViewPagerIsScroll(true)//是否支持手滑

.start();

}

}

关于控件在生命周期中需重启和暂停视频 请在对应生命周期中调用以下方法

@Override

protected void onResume() {

super.onResume();

banner.onResume();

}

@Override

protected void onPause() {

banner.onPause();

super.onPause();

}

@Override

protected void onStop() {

banner.onStop();

super.onStop();

}

指定缓存文件的地址

setCachePath(String path);

更新列表

Listlist = new ArrayList<>();

Uri path1 = Uri.parse("https://v-cdn.zjol.com.cn/123468.mp4");

Uri path2 = Uri.parse("https://v-cdn.zjol.com.cn/276982.mp4");

Uri imageUrl = Uri.parse("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1579170629919&di=fc03a214795a764b4094aba86775fb8f&imgtype=jpg&src=http%3A%2F%2Fimg4.imgtn.bdimg.com%2Fit%2Fu%3D4061015229%2C3374626956%26fm%3D214%26gp%3D0.jpg");

list.add(new ViewItemBean(VIDEO, "标题1", path1, 12 * 1000));

list.add(new ViewItemBean(IMAGE, "标题2", imageUrl, 5 * 1000));

list.add(new ViewItemBean(VIDEO, "标题3", path2, 6 * 1000));

list.add(new ViewItemBean(IMAGE, "标题4", R.mipmap.b1, 2 * 1000));

banner.update(list);

布局文件

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

android:id="@+id/tip1"

android:text="图片视频混播模式"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintStart_toStartOf="parent"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

android:id="@+id/banner"

android:layout_width="match_parent"

android:layout_height="220dp"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toBottomOf="@id/tip1" />

android.support.constraint.ConstraintLayout>