直播商城源码，商品展示分为视频和图片展示两种方式
直播商城源码，商品展示分为视频和图片展示两种方式实现的相关代码
implementation 'com.github.bumptech.glide:glide:4.11.0'
implementation 'androidx.recyclerview:recyclerview:1.0.0'
//轮播视频及播放器
implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.30'
implementation 'cn.jzvd:jiaozivideoplayer:7.4.1'
清单文件中加入网络权限
<uses-permission android:name="android.permission.INTERNET" />
主要代码
package com.demo.cn;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.PagerSnapHelper;
import androidx.recyclerview.widget.RecyclerView;
import com.chad.library.adapter.base.BaseViewHolder;
import java.util.ArrayList;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
import cn.jzvd.Jzvd;
import cn.jzvd.JzvdStd;
public class MainActivity extends AppCompatActivity {
@BindView(R.id.shop_banner)
RecyclerView shopBanner;
@BindView(R.id.banner_num)
TextView bannerNum;
private LinearLayoutManager mLayoutManager;
private ShopBannerAdapter mShopBannerAdapter;
private PagerSnapHelper mSnapHelper;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
initBanner();
}
private void initBanner() {
List<VideoMultyItem> mList = new ArrayList<>();
//添加一个视频VideoMultyItem中三个参数，第一个参数是视频的地址，第二个参数1 是视频 2 是商品，第三个参数为图片地址（视频类型时用作视频封面）
mList.add(new VideoMultyItem("https://f.video.weibocdn.com/001v6186gx07Ofj1jCJx01041200b8xc0E010.mp4?label=mp4_1080p&template=1920x1080.25.0&trans_finger=0bde055d9aa01b9f6bc04ccac8f0b471&media_id=4659228904980611&tp=8x8A3El:YTkl0eM8&us=0&ori=1&bf=4&ot=h&ps=3lckmu&uid=3ZoTIp&ab=3915-g1,5178-g0,966-g1,1493-g0,1192-g0,1191-g0,1258-g0&Expires=1627902317&ssig=RsS7BVBWq1&KID=unistore,video", 1, "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.669pic.com%2Felement_pic%2F55%2F44%2F38%2F7%2F07097c64a940a7c1b669345f1c6360ca.jpg&refer=http%3A%2F%2Fimages.669pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630490770&t=c8a62639eafd4fe4f26a545f28ab853d"));
for (int i = 0; i < 5; i++) {
mList.add(new VideoMultyItem(null, 2, "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.669pic.com%2Felement_pic%2F55%2F44%2F38%2F7%2F07097c64a940a7c1b669345f1c6360ca.jpg&refer=http%3A%2F%2Fimages.669pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630490770&t=c8a62639eafd4fe4f26a545f28ab853d"));
}
mLayoutManager = new LinearLayoutManager(this);
mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
shopBanner.setLayoutManager(mLayoutManager);
mShopBannerAdapter = new ShopBannerAdapter(mList);
mSnapHelper = new PagerSnapHelper();
shopBanner.setOnFlingListener(null);
mSnapHelper.attachToRecyclerView(shopBanner);
shopBanner.setAdapter(mShopBannerAdapter);
bannerNum.setText("1/" + mList.size());
shopBanner.addOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
}
@Override
public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
LinearLayoutManager layoutManager = (LinearLayoutManager) shopBanner.getLayoutManager();
int position = layoutManager.findFirstVisibleItemPosition();
bannerNum.setText((position + 1) + "/" + mList.size());
}
});
shopBanner.addOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
switch (newState) {
case RecyclerView.SCROLL_STATE_IDLE:
//停止滚动
autoPlay(recyclerView);
break;
case RecyclerView.SCROLL_STATE_DRAGGING:
//拖动
break;
case RecyclerView.SCROLL_STATE_SETTLING:
//惯性滑动
Jzvd.releaseAllVideos();
break;
default:
break;
}
}
@Override
public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
}
});
}
private void autoPlay(RecyclerView recyclerView) {
View view = mSnapHelper.findSnapView(mLayoutManager);
if (view != null) {
if (view instanceof RelativeLayout) {
Jzvd.releaseAllVideos();
} else {
BaseViewHolder viewHolder = (BaseViewHolder) recyclerView.getChildViewHolder(view);
if (viewHolder != null) {
JzvdStd myVideoPlayer = viewHolder.getView(R.id.player);
myVideoPlayer.startVideo();
}
}
}
}
@Override
protected void onPause() {
super.onPause();
JzvdStd.releaseAllVideos();
}
}
public class ShopBannerAdapter extends BaseMultiItemQuickAdapter<VideoMultyItem, BaseViewHolder> {
/**
* Same as QuickAdapter#QuickAdapter(Context,int) but with
* some initialization data.
*
* @param data A new list is created out of this one to avoid mutable list
*/
public ShopBannerAdapter(List<VideoMultyItem> data) {
super(data);
addItemType(1, R.layout.banner_video);
addItemType(2, R.layout.banner_image);
}
@Override
protected void convert(BaseViewHolder helper, VideoMultyItem item) {
switch (item.getItemType()) {
case 1:
//视频
JzvdStd jzvdStd = helper.getView(R.id.player);
//去掉
jzvdStd.setUp(item.getUrl() + "", "", JzvdStd.SCREEN_NORMAL);
Glide.with(mContext).load(item.getCoverUrl()).diskCacheStrategy(DiskCacheStrategy.ALL).centerCrop().into(jzvdStd.posterImageView);//设置封面
jzvdStd.setVideoImageDisplayType(jzvdStd.VIDEO_IMAGE_DISPLAY_TYPE_FILL_PARENT);//去掉黑框
jzvdStd.startVideo();//自动播放
break;
case 2:
ImageView imageView = helper.getView(R.id.image);
Glide.with(mContext)
.load(item.getCoverUrl())
.centerCrop()
.skipMemoryCache(true)
.diskCacheStrategy(DiskCacheStrategy.RESOURCE)
.into(imageView);
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
}
});
break;
default:
break;
}
}
}
banner_video.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<cn.jzvd.JzvdStd
android:id="@+id/player"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="fitXY"/>
</RelativeLayout>
</FrameLayout>
banner_image.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="fitXY" />
</RelativeLayout>
VideoMultyItem 文件
/**
* date:2021/8/2
* author:wsm(admin)
* funcation:
*/
public class VideoMultyItem implements MultiItemEntity {
private String url;
//1 是视频 2 是商品
private int flag;
private String coverUrl;
public String getUrl() {
return url;
}
public void setUrl(String url) {
this.url = url;
}
public int getFlag() {
return flag;
}
public void setFlag(int flag) {
this.flag = flag;
}
public String getCoverUrl() {
return coverUrl;
}
public void setCoverUrl(String coverUrl) {
this.coverUrl = coverUrl;
}
public VideoMultyItem(String url, int flag, String coverUrl) {
this.url = url;
this.flag = flag;
this.coverUrl = coverUrl;
}
@Override
public int getItemType() {
return flag;
}
}
以上就是 直播商城源码，商品展示分为视频和图片展示两种方式实现的相关代码，更多内容欢迎关注之后的文章
