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

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阅读简介

权限说明

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

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

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);

      /**
         * 视频图片混播
         */
        List list = 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);

更新列表

List list = 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);

布局文件

<android.support.constraint.ConstraintLayout
    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">
	<TextView
        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"/>
        
   <com.lake.banner.HBanner
        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>