最近项目中需要有轮播控件,但是以前 做的都是只有图片轮播,这次需要首个为视频,网上查了半天没有找到现成的代码,做好以后决定发一个上来,已做记录,其中视频播放控件使用的饺子视频。现在进入正题吧
这是Activity界面,四张图片,第一张作为视频的缩略图展示的,视频链接单独拿出来的,可以根据接口取出。
代码中分为两种布局,一种为图片,一种为视频,根据返回数据tag 区分,这个跟后台对接好判断字段即可。
以下代码以贴全,剩下的图片资源没有贴入,饺子视频的jar包自己导入就好了
Demo我会抽时间 写出来,及时上传到这里的。我的博客不美观,能帮上你就好~~~~~~
今天加上DEMO下载链接 2020.04.16更新 加入自动轮播(最下边)
软件截图:
主要代码部分:
public class TaocanDetialActivity extends BaseActivity {
protected ViewPager mViewpager;
private ViewSwitcherHelper mViewSwitchHelper;
private LinearLayout del;//放底部小圆点控件
private List<View> mViewlist = new ArrayList<>();
List<Lunbo> ads=new ArrayList<>();
String videourl="http://www.xyxfs.com/statics/images/video.mp4";//视频地址
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_taocandetial);
initviewpager();
Lunbo lunbo=new Lunbo("http://img1.imgtn.bdimg.com/it/u=4194723123,4160931506&fm=200&gp=0.jpg","1");//1代表视频这张图为视频缩略图
Lunbo lunbo2=new Lunbo("http://img2.imgtn.bdimg.com/it/u=3817131034,1038857558&fm=27&gp=0.jpg","2");
Lunbo lunbo3=new Lunbo("http://img1.imgtn.bdimg.com/it/u=4194723123,4160931506&fm=200&gp=0.jpg","2");
Lunbo lunbo4=new Lunbo("http://img5.imgtn.bdimg.com/it/u=1812408136,1922560783&fm=27&gp=0.jpg","2");
ads.add(lunbo);
ads.add(lunbo2);
ads.add(lunbo3);
ads.add(lunbo4);
setBannerview(ads);//ads内容为从接口获取到的内容
}
private void initviewpager() {
mViewpager = findViewById(R.id.viewPager);
del = findViewById(R.id.del);
mViewSwitchHelper = new ViewSwitcherHelper(TaocanDetialActivity.this, del,
getResources().getDrawable(
R.drawable.tab_yes),
getResources().getDrawable(
R.drawable.tab_no));
mViewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
mViewSwitchHelper.setCurrent(arg0);
//默认首个就是视频文件,其他都为图片文件 首页的时候开始播放 其他页暂停
if (arg0==0){
JZVideoPlayerStandard.goOnPlayOnResume();
}else {
JZVideoPlayerStandard.goOnPlayOnPause();
}
}
@