ReclerView的多种条目布局

2023-09-21 21:17:09

一、效果图

        模仿QQ看点的布局： 

 

二、代码

 MoreTypeAdapter ：

package com.example.qq.ThirdFragment.Adapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.bumptech.glide.Glide;
import com.example.qq.R;
import com.example.qq.ThirdFragment.Bean.MoreTypeBean;

import java.util.List;

import cn.jzvd.Jzvd;
import cn.jzvd.JzvdStd;


public class MoreTypeAdapter extends RecyclerView.Adapter {

    // 定义三个你标识表示三种类型
    public static final int TYPE_FULL_IMAGE = 0;
    public static final int TYPE_RIGHT_IMAGE = 1;
    public static final int TYPE_THREE_IMAGES = 2;
    public static final int TYPE_FURTH_VIDEO = 3;
    private Context mContext;
    private final List<MoreTypeBean> mData;

    public MoreTypeAdapter (List<MoreTypeBean>data,Context context){
        this.mData = data;
        mContext = context;
    }
    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
       View view;
        // 这里要取创建ViewHolder
        if(viewType==TYPE_FULL_IMAGE){
            view = View.inflate(parent.getContext(), R.layout.item_type_full_image,null);
            return new FullImageHolder(view);
        }else if (viewType==TYPE_RIGHT_IMAGE){
            view =  View.inflate(parent.getContext(), R.layout.item_type_left_title_right_image,null);;
            return new RightImageHolder(view);
        }else if(viewType==TYPE_THREE_IMAGES) {
            view = View.inflate(parent.getContext(), R.layout.item_type_three__image,null); ;
            return new ThreeImageHolder(view);
        }else {
            view = View.inflate(parent.getContext(),R.layout.item_type_furth_video,null);
            return new VideoHolder(view);
        }


    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        // 这里不设置数据
        MoreTypeBean moreTypeBean = mData.get(position);
        switch (moreTypeBean.type){
            case 0:
                FullImageHolder fullImageHolder = (FullImageHolder) holder;
                fullImageHolder.mImageView.setImageResource(mData.get(position).getPic());
                break;
            case 1:
                RightImageHolder rightImageHolder = (RightImageHolder) holder;
                rightImageHolder.rightImage.setImageResource(mData.get(position).getPic());
                break;
            case 2:
                ThreeImageHolder threeImageHolder = (ThreeImageHolder) holder;
                threeImageHolder.mImageView1.setImageResource(mData.get(position).getPic());
                break;
            case 3:
                VideoHolder videoHolder = (VideoHolder) holder;
                // 设置视频数据
                videoHolder.jzVideo.setUp(mData.get(position).getUrl(), "新冠病毒大爆发！", Jzvd.SCREEN_NORMAL);
                // 如果在第一个条目会自动播放视频
                //                if (position==0){
//                    videoHolder.jzVideo.startVideo();
//                }
                // 添加视频封面
                Glide.with(mContext).load(mData.get(position).getUrl()).into(videoHolder.jzVideo.thumbImageView);

                break;
        }
    }

    @Override
    public int getItemCount() {
        if (mData != null) {
            return mData.size();
        }
        return 0;
    }

    // 复习一个方法,根据条件返回条目类型
    @Override
    public int getItemViewType(int position) {
        MoreTypeBean moreTypeBean = mData.get(position);
        if(moreTypeBean.type == 0){
            return TYPE_FULL_IMAGE;
        }else if(moreTypeBean.type==1){
            return TYPE_RIGHT_IMAGE;
        }else if (moreTypeBean.type==2){
            return TYPE_THREE_IMAGES;
        }else {
            return TYPE_FURTH_VIDEO;
        }
    }
    private class FullImageHolder extends RecyclerView.ViewHolder{
        ImageView mImageView;
        TextView title;
        public FullImageHolder(@NonNull View itemView) {
            super(itemView);
            mImageView = itemView.findViewById(R.id.full_image);
            title=itemView.findViewById(R.id.type_title);
        }
    }

    private class ThreeImageHolder extends RecyclerView.ViewHolder{
        ImageView mImageView,mImageView1,mImageView2;
        public ThreeImageHolder(@NonNull View itemView) {
            super(itemView);
            mImageView = itemView.findViewById(R.id.image1);
            mImageView1 = itemView.findViewById(R.id.image2);
            mImageView2 = itemView.findViewById(R.id.image3);
        }
    }

    private class RightImageHolder extends RecyclerView.ViewHolder{
        ImageView rightImage;
        public RightImageHolder(@NonNull View itemView) {
            super(itemView);
            rightImage = itemView.findViewById(R.id.right_image);
        }
    }
    private class VideoHolder extends RecyclerView.ViewHolder{

        public JzvdStd jzVideo;
        public VideoHolder(@NonNull View itemView) {
            super(itemView);
            jzVideo = itemView.findViewById(R.id.jzVideo);
        }
    }

}

  1. 适配器类名：MoreTypeAdapter。

  2. 构造函数：接受一个数据源 List<MoreTypeBean>。

  3. 常量类型定义：

    • TYPE_FULL_IMAGE：代表全图类型的标识。
    • TYPE_RIGHT_IMAGE：代表右图类型的标识。
    • TYPE_THREE_IMAGES：代表三图类型的标识。
    • TYPE_FURTH_VIDEO：代表视频类型的标识。

  4. onCreateViewHolder() 方法：根据不同的 viewType 返回对应的 ViewHolder。根据 viewType 的值，使用不同的布局文件创建相应的 View，并将其传入对应的 ViewHolder 中。

  5. onBindViewHolder() 方法：根据不同的数据类型设置 ViewHolder 中的数据。

    • 如果是全图类型（TYPE_FULL_IMAGE），则从数据源中获取对应位置的图片资源，并设置到 FullImageHolder 的 ImageView 中。
    • 如果是右图类型（TYPE_RIGHT_IMAGE），则从数据源中获取对应位置的图片资源，并设置到 RightImageHolder 的 ImageView 中。
    • 如果是三图类型（TYPE_THREE_IMAGES），则从数据源中获取对应位置的图片资源，并分别设置到 ThreeImageHolder 的三个 ImageView 中。
    • 如果是视频类型（TYPE_FURTH_VIDEO），则从数据源中获取对应位置的视频链接和标题，并设置到 VideoHolder 的 JzvdStd 对象中。如果是第一个条目，自动开始播放视频。

  6. getItemCount() 方法：返回数据源的长度。

  7. getItemViewType() 方法：根据条目位置获取对应位置的数据类型，返回对应的 viewType。

  8. 定义了四个 ViewHolder 类：

    • FullImageHolder：全图类型的 ViewHolder，包含一个 ImageView 和一个 TextView。
    • ThreeImageHolder：三图类型的 ViewHolder，包含三个 ImageView。
    • RightImageHolder：右图类型的 ViewHolder，包含一个 ImageView。
    • VideoHolder：视频类型的 ViewHolder，包含一个 JzvdStd 对象用于显示视频。

 WatchingFragment ：

package com.example.qq.ThirdFragment;

import android.os.Bundle;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import com.example.qq.Adapter.DataBean.Icon;
import com.example.qq.R;
import com.example.qq.ThirdFragment.Adapter.MoreTypeAdapter;
import com.example.qq.ThirdFragment.Bean.MoreTypeBean;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

public class WatchingFragment extends Fragment {
    private RecyclerView mRecyclerView;
    private List<MoreTypeBean> mData;

    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.watching_fragment, container, false);
        mRecyclerView = view.findViewById(R.id.more_type_list);
        // 准备数据
        mData = new ArrayList<>();
        // 创建和设置布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(getContext());
        mRecyclerView.setLayoutManager(layoutManager);

        initData();
        // 设置和创建适配器
        MoreTypeAdapter adapter = new MoreTypeAdapter(mData,getContext());
        mRecyclerView.setAdapter(adapter);
        return view;
    }

    private void initData() {
        Random random = new Random();
        for (int i = 0; i < Icon.icon.length; i++) {
            MoreTypeBean data = new MoreTypeBean();
            data.pic = Icon.icon[i];
            data.type = random.nextInt(4);
            data.setUrl("https://poss-videocloud.cns.com.cn/oss/2021/05/08/chinanews/MEIZI_YUNSHI/onair/25AFA3CA2F394DB38420CC0A44483E82.mp4");
            mData.add(data);
        }
    }
}

MoreTypeBean ： 

package com.example.qq.ThirdFragment.Bean;

public class MoreTypeBean {
    public int type;
    public int pic;
    public String url;

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }

    public int getPic() {
        return pic;
    }

    public void setPic(int pic) {
        this.pic = pic;
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }
}

item_type_full_image： 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_height="match_parent">

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    app:cardUseCompatPadding="true"
    android:layout_height="match_parent">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/type_title"
         android:layout_centerHorizontal="true"
         android:textSize="14sp"
         android:text="全球科学家发现新型病毒，引发全球关注"
         android:scrollbarSize="30sp"/>

        <ImageView
            android:id="@+id/full_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/type_title"
            android:layout_marginTop="10dp"
            android:scaleType="fitXY"
            android:src="@drawable/img01" />
    </RelativeLayout>
</androidx.cardview.widget.CardView>




</RelativeLayout>

item_type_furth_video： 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
<androidx.cardview.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <cn.jzvd.JzvdStd
        android:id="@+id/jzVideo"
        android:layout_margin="10dp"
        android:layout_width="match_parent"
        android:layout_height="250dp" />
</androidx.cardview.widget.CardView>
</RelativeLayout>

item_type_left_title_right_image： 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_gravity="center_vertical"
    android:layout_height="match_parent">
    <androidx.cardview.widget.CardView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardUseCompatPadding="true">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:maxLines="4"
            android:text="最近，一项重大的科学发现震动了全球。科学家们宣布他们在地球表面发现了一种迄今为止未知的物质，这引起了全球范围内的广泛关注与兴奋。"
            android:textSize="14sp"/>

        <ImageView
            android:id="@+id/right_image"
            android:layout_width="0dp"
            android:layout_height="100dp"
            android:layout_marginLeft="20dp"
            android:layout_weight="1"
            android:scaleType="fitXY"
            android:src="@drawable/img01"/>




        </LinearLayout>



    </androidx.cardview.widget.CardView>


</LinearLayout>

 item_type_three__image：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_height="match_parent">


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="14sp"
        android:gravity="center"
        android:text="新研究揭示：暗能量之谜或即将解开！"/>

    <androidx.cardview.widget.CardView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardUseCompatPadding="true">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
     <ImageView
         android:id="@+id/image1"
         android:layout_width="0dp"
         android:layout_height="100dp"
         android:layout_weight="1"
         android:padding="5dp"
         android:scaleType="fitXY"
         android:src="@drawable/img01"/>
        <ImageView
            android:id="@+id/image2"
         android:layout_width="0dp"
         android:layout_height="100dp"
         android:layout_weight="1"
         android:padding="5dp"
         android:scaleType="fitXY"
         android:src="@drawable/img02"/>
        <ImageView
            android:id="@+id/image3"
         android:layout_width="0dp"
         android:layout_height="100dp"
         android:layout_weight="1"
         android:padding="5dp"
         android:scaleType="fitXY"
         android:src="@drawable/img03"/>


    </LinearLayout>
    </androidx.cardview.widget.CardView>

</LinearLayout>

 

 

 

 

更多推荐

2716. 最小化字符串长度

2716.最小化字符串长度给你一个下标从0开始的字符串s，重复执行下述操作任意次：在字符串中选出一个下标i，并使c为字符串下标i处的字符。并在i左侧（如果有）和右侧（如果有）各删除一个距离i最近的字符c。请你通过执行上述操作任意次，使s的长度最小化。返回一个表示最小化字符串的长度的整数。示例1：输入：s=“aaabc”

BD就业复习第五天

1.核心组件的优化：hive、spark、flink针对Hive、Spark和Flink这三个核心组件，以下是它们的优化和一些常见面试题以及详细的回答：1.Hive优化面试问题1：什么是Hive？为什么需要对Hive进行优化？回答：Hive是一个数据仓库工具，它建立在Hadoop之上，用于分析和查询大规模数据。Hive

绘图系统五：数据产生

文章目录AxisFrame组件源码模式序列化导入数据获取文件信息导入文本导入二进制数据📈一三维绘图系统📈二多图绘制系统📈三坐标轴定制📈四定制绘图风格源码地址Python打造动态绘图系统AxisFrame组件AxisFrame是存放某一维坐标的组件，目前由一个标签，一个下拉选框和一个输入框构成。下拉选框主要目的是

Conditional DETR（ICCV 21）

ConditionalDETR（ICCV21）ConditionalDETRforFastTrainingConvergence加速detr收敛（50epoch收敛）DETR收敛慢的原因DETR训练收敛速度慢，需要500epochsDETR的CrossAttention高度依赖contentembedding（deco

基于矩阵分解算法的智能Steam游戏AI推荐系统——深度学习算法应用(含python、ipynb工程源码)+数据集（一）

目录前言总体设计系统整体结构图系统流程图运行环境Python环境TensorFlow环境PyQt5环境模块实现1.数据预处理相关其它博客工程源代码下载其它资料下载前言本项目采用了矩阵分解算法，用于对玩家已游玩的数据进行深入分析。它的目标是从众多游戏中筛选出最适合该玩家的游戏，以实现一种相对精准的游戏推荐系统。首先，项目

外汇天眼：外汇交易市场与股票交易市场优势对比！

在纽约证券交易所上市的股票大约有2800多只。纳斯达克证券交易所还列出了另外3,300多家股票。您将交易哪一个？有时间留在这么多公司的头上吗？在外汇交易中，有数十种货币交易，但是大多数市场参与者交易了七种主要货币对。难道七个主要货币对都比数千只容易得多吗？这是外汇市场优势之一。另外还有一些其他的优势：1、24小时市场股

【计算机基础】VS断点调试，边学边思考

📢：如果你也对机器人、人工智能感兴趣，看来我们志同道合✨📢：不妨浏览一下我的博客主页【https://blog.csdn.net/weixin_51244852】📢：文章若有幸对你有帮助，可点赞👍收藏⭐不迷路🙉📢：内容若有错误，敬请留言📝指正！原创文，转载请注明出处文章目录1、什么是断点？与调试有何关系？

Redis核心数据结构实战与高性能解析

目录一、安装Redis二、Redis线程与高性能2.1Redis是单线程么？2.2Redis读写是单线程为何这么快？2.3Redis如何处理并发操作命令？三、核心数据结构实战3.1字符串常用操作实战SET存入键值对SETNXSETEXMSET批量存入键值对MSETNXDECR原子减1DECRBY原子减INCR原子加1I

【无标题】

易点易动——解决汽车制造企业固定资产管理痛点的智能解决方案在汽车制造行业中，固定资产管理是一项艰巨且繁琐的任务。行政和IT人员经常为管理海量的固定资产而感到焦虑。在实际管理过程中面临着繁琐、低效和容易出错的问题。为了解决这些痛点，易点易动提供了一套智能的固定资产管理和盘点解决方案。一、汽车制造企业固定资产管理的痛点资产

ubuntu 18.04 搭建isaacgym学习环境，并运行legged_gym

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、安装anaconda二、使用conda创建python版本为3.8的虚拟环境三、安装pytorch四、isaac-gym下载安装五、安装legged_gym总结前言系统：ubuntu18.04或20.04python版本3.8一、安装ana

C/C++内存管理相关知识点

1.内存分布C/C++将内存大体上分为四个区域：栈区、堆区、静态区（数据段）、常量区（代码段）。栈区：用来存储函数调用时的临时信息的结构，存放为运行时函数分配的局部变量、函数参数、返回数据、返回地址等。堆区：程序员自己使用malloc或new自己申请出来存的地方。（动态内存分配）静态区：static修饰的数据，全局数据

热文推荐
  1. 肖sir__项目实战讲解__004

    项目实战讲解一、项目的类型金融类：保险(健康险+理财险)、证券、基金(股票型基金、混合型基金、指数型基金、债券型基金、天天基金网（ETF基金、货币型基金、量化基金)、银行、贷款、信用卡、外汇、二元期权、期货原油、blockchain、数字货币、黄金白银、期货、理财P2P(平安陆金所)、比特币。金融类中贷款：平安普惠、3

  2. MySQL 索引

    文章目录1.什么是索引？2.为什么使用索引？3.创建索引4.查看索引5.修改索引6.删除索引参考文献数据库索引是MySQL中提高查询性能和数据检索速度的关键工具之一。本文将介绍MySQL索引的基本概念，如何创建索引，以及如何使用索引来优化数据库查询。1.什么是索引？数据库索引是一种数据结构，用于加速数据库查询操作。它是

  3. 软件定制APP开发步骤分析|小程序

    软件定制APP开发步骤分析|小程序软件定制开发步骤：1.需求分析：这是软件定制开发的第一步，也是最关键的一步。在这个阶段，软件开发团队需要与客户进行沟通，了解客户的具体需求和期望。通过讨论和交流，确定软件的功能和特性，制定开发计划和时间表。2.设计阶段：在需求分析的基础上，软件开发团队需要进行软件的设计。这个阶段包括对

  4. Ceph入门到精通-ceph pool 删除导致 misplaced 的原因

    misplaced的原因Ceph中的misplaced对象是指将对象（或对象的副本）存储在错误的位置上，这可能会导致性能下降或数据不一致的问题。在删除Ceph池时，可能会导致misplaced的原因有以下几个：删除过程中的操作失误：在删除Ceph池时，操作人员可能会不小心删除了正在使用的池，导致对象被误删除或移动到错误

  5. springboot和vue：四、web入门(静态资源访问+文件上传+拦截器)

    静态资源访问使用IDEA创建SpringBoot项目，会默认创建出classpath:/static/目录，静态资源一般放在这个目录下即可。如果默认的静态资源过滤策略不能满足开发需求，也可以自定义静态资源过滤策略。在application.properties中定义过滤规则和静态资源位置。过滤规则为/static/**

  6. ESP8266 WiFi物联网智能插座—项目简介

    目录1、项目背景2、设备节点功能3、上位机功能物联网虽然能够使家居设备和系统实现自动化、智能化管理，但是依然需要依靠更为先进的终端插座作为根本保障，插座是所有家用电器需要使用的电源设备，插座的有序智能管理，对于实现智能家居设备的统一智能管理具有举足轻重的作用。无论是家庭生活，还是工业制造，插座在生活中的应用无所不在，当

  7. GPIO子系统编写LED灯的驱动、linux内核定时器

    一、GPIO子系统1.概念：一个芯片厂商生产出芯片后会给linux提供一个当前芯片中gpio外设的驱动，我们当前只需要调用对应的厂商驱动即可完成硬件的控制。而linux内核源码中的gpio厂商驱动有很多，这里linux内核对厂商驱动做了一些封装，提供了一系列的API，我们在自己编写的设备驱动中只需要调用这些API即可访

  8. AI定义汽车，长城画了个看得见的“饼”

    何小鹏提出的“AI定义汽车”概念，正在被业界关注并重视，这其中，就包括长城汽车。9月12日，在一场媒体交流会上，长城汽车透露，其内部已经成立了一个AILab部门，主要的工作，就是为整个长城提供包括产品、技术以及企业产品开发在内的人工智能大模型技术底座。据了解，该部门的技术负责人，是原沙龙品牌智能化技术中心负责人杨继峰。

  9. MySQL 学习笔记（基础）

    首先解释数据库DataBase（DB）：即存储数据的仓库，数据经过有组织的存储数据库管理系统DataBaseManagementSystem（DBMS）：管理数据库的软件SQL（StructuredQueryLanguage）：结构化查询语言/操作关系型数据库的编程语言/定义操作所以关系型数据库的统一标准关系型数据库下