Android简易音乐重构MVVM Java版-新增looklive+用户vip等级动画展示（十四）

Posted 2022-07-13 雪の星空朝酱

android简易音乐重构MVVM Java版-新增looklive+用户vip等级动画展示（十四）

• • 关于
  • • 效果图
  • 新增looklive适配器（LookAdapter）
  • • 新增LookLiveEntity实体类
  • 修改DiscoverFragment布局
  • 修改DiscoverFragment
  • • 修改DiscoverFragmentViewModel
  • 新增本地html(`vip.html`)
  • • 引用三方lib
  • 修改fragment_mine.xml
  • 新增UserInfoUi
  • 修改MainViewModel
  • 新增MineFragmentViewModel（我的页面的viewmodel）
  • • 新增vip信息实体类
  • 新增请求vip接口
  • 新增MineFragment

关于

  本篇主要实现新增look live列表展示、加载网易云会员动态等级效果。

效果图

新增looklive适配器（LookAdapter）

public class LookAdapter extends RecyclerView.Adapter<LookViewHolder> 

    private final List<LookLiveEntity> dataList = new ArrayList<>();

    private final Context mContext;

    private OnItemClick onItemClick;

    public void setOnItemClick(OnItemClick onItemClick) 
        this.onItemClick = onItemClick;
    

    public LookAdapter(Context context) 
        this.mContext = context;
    

    @NonNull
    @Override
    public LookViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) 
        ItemRecommendDiscoverBinding binding = ItemRecommendDiscoverBinding
                .inflate(LayoutInflater.from(parent.getContext()), parent, false);
        return new LookViewHolder(binding);
    

    @SuppressLint("NotifyDataSetChanged")
    public void setDataList(List<LookLiveEntity> data) 
        dataList.clear();
        dataList.addAll(data);
        notifyDataSetChanged();
    

    @Override
    public void onBindViewHolder(@NonNull LookViewHolder holder, int position) 
        LookLiveEntity bean = dataList.get(position);
        holder.tvTitle.setText(bean.getTitle());
        //holder.tvCount.setText(bean.getResources().get(0).getResourceExtInfo().getPlayCount());
        RequestOptions options = new RequestOptions()
                .placeholder(R.drawable.ic_banner_loading)
                .diskCacheStrategy(DiskCacheStrategy.RESOURCE)
                .transform(new CenterCrop(),new RoundedCorners(10))
                .error(R.mipmap.ic_launcher);
        Glide.with(mContext)
                .load(bean.getVerticalCover())
                .transition(new DrawableTransitionOptions().crossFade())
                .apply(options)
                .into(holder.imRecommend);

    

    @Override
    public int getItemCount() 
        return dataList.size();
    


class LookViewHolder extends RecyclerView.ViewHolder 
    TextView tvTitle, tvCount;
    ImageView imRecommend;

    public LookViewHolder(ItemRecommendDiscoverBinding binding) 
        super(binding.getRoot());
        tvTitle = binding.recommendTitle;
        imRecommend = binding.imgRecommend;
        tvCount = binding.playCount;
    

新增LookLiveEntity实体类

@NoArgsConstructor
@Data
public class LookLiveEntity 
    private int liveId;
    private String title;
    private double anchorId;
    private long coverId;
    private String cover;
    private LiveUrlEntity liveUrl;
    private Object playBackUrl;
    private int orientationScope;
    private int onlineNumber;
    private int liveStatus;
    private long startTime;
    private int endTime;
    private int roomId;
    private Object channelId;
    private int liveType;
    private int appKeyType;
    private int type;
    private int startStreamTag;
    private int agoraRoomNo;
    private String bgCoverUrl;
    private Object backgroundAnimateUrl;
    private int rtcSupplierType;
    private int popularity;
    private long verticalCoverId;
    private String verticalCover;
    private UserInfoEntity userInfo;
    private RecLiveDTOEntity recLiveDTO;
    private String coverTag;
    private String privateTag;
    private Object borderTag;
    private String startStreamTagName;
    private Object tags;
    private Object dynamicCover;
    private List<String> audioCoverIds;
    private SupplementParamToClientEntity supplementParamToClient;
    private CloudMusicMyFollowRecInfoEntity cloudMusicMyFollowRecInfo;
    private Object adSpreadDto;

    @NoArgsConstructor
    @Data
    public static class LiveUrlEntity 
        private String httpPullUrl;
        private String hlsPullUrl;
        private String rtmpPullUrl;
    

    @NoArgsConstructor
    @Data
    public static class UserInfoEntity 
        private double userId;
        private String nickname;
        private String avatarUrl;
        private int authStatus;
        private int userType;
        private Object authName;
        private int liveRoomNo;
        private int vipType;
        private int gender;
        private Object artistName;
    

    @NoArgsConstructor
    @Data
    public static class RecLiveDTOEntity 
        private String skipUrl;
        private String typeDesc;
        private int cardType;
        private String alg;
        private String anchorId;
        private int liveRoomNo;
        private int songId;
        private int accompanimentId;
        private SupplemetParamEntity supplemetParam;
        private String ops;
        private long recCoverId;
        private String recCover;
        private String coverTag;
        private int segId;

        @NoArgsConstructor
        @Data
        public static class SupplemetParamEntity 
            private String hp_moduletitle;
            private String coverID;
            private String liveOnlineNumber;
        
    

    @NoArgsConstructor
    @Data
    public static class SupplementParamToClientEntity 
        private String ops;
    

    @NoArgsConstructor
    @Data
    public static class CloudMusicMyFollowRecInfoEntity 
    

修改DiscoverFragment布局

修改DiscoverFragment

//第一步
private LookAdapter lookAdapter;
//第二步
lookAdapter = new LookAdapter(getContext());
        LinearLayoutManager managerLook = new LinearLayoutManager(getContext());
        managerLook.setOrientation(LinearLayoutManager.HORIZONTAL);
        binding.lookRecycle.setLayoutManager(managerLook);
        binding.lookRecycle.setHasFixedSize(true);
        binding.lookRecycle.setAdapter(lookAdapter);
//第三步添加数据
 private void initObserver() 

        viewModel.requireDiscover(false).observe(getViewLifecycleOwner(), homeDiscoverEntityApiResponse -> 
            if (homeDiscoverEntityApiResponse.getStatus() == Status.SUCCESS)
                for (HomeDiscoverEntity.DataEntity.BlocksEntity block : homeDiscoverEntityApiResponse.getData().getData().getBlocks())
                    switch (block.getBlockCode())
                        case "HOMEPAGE_BANNER": //banner
                            String bannerJson = new Gson().toJson(block.getExtInfo());
                            viewModel.bannerList = new Gson().fromJson(bannerJson,BannerExtInfoEntity.class);
                            break;
                        case "HOMEPAGE_BLOCK_PLAYLIST_RCMD": //推荐歌单
                            viewModel.recommendList = block.getCreatives();
                            break;
                        case "HOMEPAGE_BLOCK_LISTEN_LIVE"://直播
                            binding.tvLook.setText(block.getUiElement().getSubTitle().getTitle());
                            binding.tvLookMore.setText(block.getUiElement().getButton().getText());
                            String lookJson = new Gson().toJson(block.getExtInfo());
                            viewModel.lookLiveList = new Gson().fromJson(lookJson,new TypeToken<List<LookLiveEntity>>().getType());
                            break;
                        case "HOMEPAGE_BLOCK_MGC_PLAYLIST"://雷达歌单
                            viewModel.selfMgcList = block.getCreatives();
                            binding.tvMgc.setText(block.getUiElement().getSubTitle().getTitle());
                            binding.tvMgcMore.setText(block.getUiElement().getButton().getText());
                            break;

                    
                    binding.tvBottom.setText(homeDiscoverEntityApiResponse.getData().getData().getPageConfig().getNodataToast());
                
                initData(viewModel.bannerList.getBanners());
                adapter.setDataList(viewModel.recommendList);
                mgcAdapter.setDataList(viewModel.selfMgcList);
                lookAdapter.setDataList(viewModel.lookLiveList);
            else 
                Log.e("报错",homeDiscoverEntityApiResponse.getMessage());
            
        );
    

修改DiscoverFragmentViewModel

public class DiscoverFragmentViewModel extends ViewModel 

    public String date = Calendar.getInstance().get(Calendar.DAY_OF_MONTH) + "";

    public BannerExtInfoEntity bannerList;

    public List<HomeDiscoverEntity.DataEntity.BlocksEntity.CreativesEntity> recommendList;

    public List<HomeDiscoverEntity.DataEntity.BlocksEntity.CreativesEntity> selfMgcList;

    public List<LookLiveEntity>  lookLiveList;


    public LiveData<ApiResponse<HomeDiscoverEntity>> requireDiscover(Boolean refresh)
        return RetrofitUtils.getmApiUrl().requireHomeDiscover(refresh);
    

新增本地html(vip.html)

新增文件assets/web/vip.html:

<html style="height: 100%;">
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no"><title>75352cbecbf8939e377cf67342546dda.png (135×51)</title>
</head>
<body style="margin: 0px; background: #00000000; height: 100%">
<img style="display: block;-webkit-user-select: none;max-width: 100%;margin: auto;" src="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4417174746/b7e0/c76d/01b9/75352cbecbf8939e377cf67342546dda.png">
</body>
</html>

对应网页vip效果如下：

引用三方lib

//加载网页
implementation 'com.github.Tobeyr1:webLoading:1.0.1'
//Jsoup
    implementation 'org.jsoup:jsoup:1.13.1'

修改fragment_mine.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

        <variable
            name="vm"
            type="com.tobery.personalmusic.ui.home.MainViewModel" />
    </data>

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/grays_10">


    <View
        android:id="@+id/view_title_bg"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_45"
        app:layout_constraintTop_toTopOf="parent"
        android:background="@color/colorPrimary"
        />

    <View
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_0"
        android:layout_marginTop="@dimen/dp_40"
        android:background="@drawable/bg_view_white_full"
        android:paddingBottom="@dimen/dp_24"
        app:layout_constraintTop_toTopOf="@id/img_head"
        app:layout_constraintBottom_toBottomOf="@id/tv_follow"
        android:padding="@dimen/dp_24"
        android:layout_marginStart="@dimen/dp_8"
        android:layout_marginEnd="@dimen/dp_8"
        />

    <ImageView
        android:id="@+id/img_head"
        android:layout_width="@dimen/dp_80"
        android:layout_height="@dimen/dp_80"
        imSrc="@vm.ui.imageUrl"
        error="@@drawable/ic_banner_loading"
        android:layout_margin="@dimen/dp_16"
        android:elevation="@dimen/dp_8"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/view_title_bg"
        />

    <WebView
        android:id="@+id/web_vip"
        Android简易音乐重构MVVM Java版-新增启动动画

 Android简易音乐重构MVVM Java版-新增推荐菜单及侧边栏展示
 Android简易音乐重构MVVM Java版-BottomNavigationView+viewpager主界面结构
 Android简易音乐重构MVVM Java版-新增推荐雷达歌单详情列表界面（十八）
 Android简易音乐重构MVVM Java版-新增推荐雷达歌单详情列表界面（十八）
 Android简易音乐重构MVVM Java版-新增歌曲播放界面+状态栏黑科技（十七）