RecyclerView实现加载多种条目类型,仿新闻列表多种item布局，Android高级工程师面试题-字节跳动

于 2024-04-11 08:10:33 发布
阅读量141 收藏
点赞数 3
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yjqdn82212/article/details/137622610
版权
这篇文章详细描述了如何在Android中使用RecyclerView创建一个自定义Adapter，支持三种不同类型的条目布局：单图、右图和三图。通过Random生成随机类型并设置item界面，展示了onCreateViewHolder、onBindViewHolder方法的用法以及如何根据不同类型返回对应的ViewHolder。
摘要由CSDN通过智能技术生成

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18

  • 19

  • 20

  • 21

下面把所有的代码都给大家:

Activity中的代码

public class Recycler_variety_Activity extends Activity { private int[] icons = {R.drawable.test, R.drawable.test1, R.drawable.test2, R.drawable.test3, R.drawable.test4, R.drawable.test5, R.drawable.test6}; private RecyclerView mRecy; private List<MoreTypeBean> mData; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.recycler_variety_activity); initView(); initData(); initViewOper(); } private void initView() { mRecy = (RecyclerView) findViewById(R.id.act_recycler_variety_recycler); } private void initData() { mData = new ArrayList<>(); // 随机数 用来标记item界面的类型 Random random = new Random(); for (int i = 0; i < icons.length; i++) { MoreTypeBean more = new MoreTypeBean(); more.pic = icons[i]; more.type = random.nextInt(3); mData.add(more); } } private void initViewOper() { LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this); mRecy.setLayoutManager(linearLayoutManager); Recycler_variety_Adapter adapter = new Recycler_variety_Adapter(mData); mRecy.setAdapter(adapter); } }

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18

  • 19

  • 20

  • 21

  • 22

  • 23

  • 24

  • 25

  • 26

  • 27

  • 28

  • 29

  • 30

  • 31

  • 32

  • 33

  • 34

  • 35

  • 36

  • 37

  • 38

  • 39

  • 40

  • 41

  • 42

recyclerview_test_layout的布局就是只有一个RecyclerView

<android.support.v7.widget.RecyclerView android:id="@+id/act_recycler_variety_recycler" android:layout_width="match_parent" android:background="#d3d3d3" android:layout_height="match_parent"/>

  • 1

  • 2

  • 3

  • 4

  • 5

RecyclerView的Adapter

public class Recycler_variety_Adapter extends RecyclerView.Adapter { //定义三种常量 表示三种条目类型 public static final int TYPE_PULL_IMAGE = 0; public static final int TYPE_RIGHT_IMAGE = 1; public static final int TYPE_THREE_IMAGE = 2; private List<MoreTypeBean> mData; public Recycler_variety_Adapter(List<MoreTypeBean> data) { this.mData = data; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { //创建不同的 ViewHolder View view; //根据viewtype来创建条目 if (viewType == TYPE_PULL_IMAGE) { view =View.inflate(parent.getContext(),R.layout.item_pull_img,null); return new PullImageHolder(view); } else if (viewType == TYPE_RIGHT_IMAGE) { view =View.inflate(parent.getContext(),R.layout.item_right_img,null); return new RightImageHolder(view); } else { view =View.inflate(parent.getContext(),R.layout.item_three_img,null); return new ThreeImageHolder(view); } } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { } @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_PULL_IMAGE; } else if (moreTypeBean.type == 1) { return TYPE_RIGHT_IMAGE; } else { return TYPE_THREE_IMAGE; } } /** * 创建三种ViewHolder */ private class PullImageHolder extends RecyclerView.ViewHolder { public PullImageHolder(View itemView) { super(itemView); } } private class RightImageHolder extends RecyclerView.ViewHolder { public RightImageHolder(View itemView) { super(itemView); } } private class ThreeImageHolder extends RecyclerView.ViewHolder { public ThreeImageHolder(View itemView) { super(itemView); } } }

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18

  • 19

  • 20

  • 21

  • 22

  • 23

  • 24

  • 25

  • 26

  • 27

  • 28

  • 29

  • 30

  • 31

  • 32

  • 33

  • 34

  • 35

  • 36

  • 37

  • 38

  • 39

  • 40

  • 41

  • 42

  • 43

  • 44

  • 45

  • 46

  • 47

  • 48

  • 49

  • 50

  • 51

  • 52

  • 53

  • 54

  • 55

  • 56

  • 57

  • 58

  • 59

  • 60

  • 61

  • 62

  • 63

  • 64

  • 65

  • 66

  • 67

  • 68

  • 69

  • 70

  • 71

  • 72

  • 73

  • 74

  • 75

  • 76

  • 77

  • 78

  • 79

  • 80

  • 81

  • 82

  • 83

  • 84

item_pull_img布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:padding="7dp" android:background="#fff" android:orientation="vertical" android:layout_height="wrap_content"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#000" android:text="多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型" android:textSize="16sp" /> <ImageView android:layout_width="match_parent" android:layout_height="150dp" android:background="@drawable/sucai6" android:scaleType="fitXY" /> </LinearLayout> <View android:layout_marginTop="3dp" android:layout_width="match_parent" android:layout_height="1dp" android:background="#d3d3d3" /> </LinearLayout>

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18

  • 19

  • 20

  • 21

  • 22

  • 23

  • 24

  • 25

  • 26

  • 27

  • 28

  • 29

  • 30

  • 31

  • 32

  • 33

item_right_img布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="100dp" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#fff" android:orientation="horizontal" android:padding="7dp"> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型" android:textColor="#000" android:textSize="16sp" /> <ImageView android:layout_width="120dp" android:layout_height="90dp" android:background="@drawable/sucai" /> </LinearLayout> <View android:layout_marginTop="3dp" android:layout_width="match_parent" android:layout_height="1dp" android:background="#d3d3d3" /> </LinearLayout>

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18

  • 19

  • 20

  • 21

  • 22

  • 23

  • 24

  • 25

  • 26

  • 27

  • 28

  • 29

  • 30

  • 31

  • 32

  • 33

  • 34

item_three_img布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:background="#fff" android:padding="7sp" android:layout_height="wrap_content"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型,多种条目类型多种条目类型" android:textColor="#000" android:textSize="16sp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageView android:layout_width="0dp" android:layout_height="80dp" android:layout_weight="1" android:scaleType="fitXY" android:src="@drawable/sucai3" /> <View android:layout_width="6dp" android:layout_height="0dp"/> <ImageView android:layout_width="0dp" android:layout_height="80dp" android:layout_weight="1" android:scaleType="fitXY" android:src="@drawable/sucai4" /> <View android:layout_width="6dp" android:layout_height="0dp"/> <ImageView android:layout_width="0dp" android:layout_height="80dp" android:layout_weight="1" android:scaleType="fitXY" android:src="@drawable/sucai5" /> </LinearLayout> </LinearLayout> <View android:layout_marginTop="3dp" android:background="#d3d3d3" android:layout_width="match_parent" android:layout_height="1dp"/> </LinearLayout>

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18

  • 19

  • 20
    自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

Android架构学习进阶是一条漫长而艰苦的道路，不能靠一时激情，更不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！

上面分享的字节跳动公司2020年的面试真题解析大全，笔者还把一线互联网企业主流面试技术要点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

就先写到这，码字不易，写的很片面不好之处敬请指出，如果觉得有参考价值的朋友也可以关注一下我

①「Android面试真题解析大全」PDF完整高清版+②「Android面试知识体系」学习思维导图压缩包阅读下载，最后觉得有帮助、有需要的朋友可以点个赞

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

mg src=“https://i-blog.csdnimg.cn/blog_migrate/35d2c3f6bd26697c618033b8f8a9055d.jpeg” />

总结

Android架构学习进阶是一条漫长而艰苦的道路，不能靠一时激情，更不是熬几天几夜就能学好的，必须养成平时努力学习的习惯。所以：贵在坚持！

上面分享的字节跳动公司2020年的面试真题解析大全，笔者还把一线互联网企业主流面试技术要点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

就先写到这，码字不易，写的很片面不好之处敬请指出，如果觉得有参考价值的朋友也可以关注一下我

①「Android面试真题解析大全」PDF完整高清版+②「Android面试知识体系」学习思维导图压缩包阅读下载，最后觉得有帮助、有需要的朋友可以点个赞

[外链图片转存中…(img-nPCvldAP-1712794226066)]

[外链图片转存中…(img-ZGcpSUx4-1712794226066)]

[外链图片转存中…(img-L7eb4FHw-1712794226066)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

yjqdn82212
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 列表RecyclerView不同item的实现
yh18668197127的博客
12-24 3440
像这个订单列表,订单处在不同状态下的列表item布局不一样   实现方法 1.在一个item布局中写多个控件,再根据不同订单情况,通过代码的逻辑来隐藏相对应的控件 控件的可见,不可见,隐藏请看我的下面这篇博客 https://blog.csdn.net/yh18668197127/article/details/84840123 2.分别写多套布局,用RecyclerView加载多...
共享我的封装的 kotlin recycleview adapter （支持多种布局）
u013958112的博客
05-09 792
/** * 0 代码 布局标签 必须 从0开始整数自增 比如1230 321504 如果tape 最大数字是2 就必须给adapter 设置至少三个布局 因为所有的不同种类的布局 都放在数组 然后通过下标获取 data 可是是任何类型 .setCon(1) 代表占几格 如果GridLayoutManager 的spanCount =6 ...
RecyclerView实现多种item布局
特立独行的博客
01-26 3624
RecyclerView实现多种item布局 1.首先我们重写了getItemViewType这个方法，在这个方法中根据position对item对象做了一些判断， 2.具体为每种viewType引入其对应的布局，这样就基本实现了多种item布局，但是仅仅是这些还不够，因为我们还要对每种item设置数据，所以还要对每种item写一个VIewHolder来为item显示数据 if (holder instanceof TodosHeaderHolder) { TodosHeaderHolder viewHol
Android RecyclerView实现加载多样式子项
Le_leezp的博客
06-30 2838
RecyclerView实现加载多种Item布局前言 好久没写博客，是时候写写博客了，前面一个月都在找实习、学校实训事情忙都忙不过来，跑完之后还要去反省，今天哪里没做对？哪里还需要完善？自己的知识哪里还需要巩固？等等，牢骚话就不发了，步入正题！ 背景 最近学校实训，要完成一个大的V电影的仿制，我就做了，其中涉及到很多的Android知识点，对这个项目感兴趣的可以点击这里 然后看项目的源代码！
Android recyclerview加载不同item
mr_zdd的专栏
10-19 4235
最近在看慕课网的学习视频看见了一个用recyclerview加载不同的item看了看就按着他的原理写了下来成了一个demo,希望能帮助有用的人。 慕课地址：http://www.imooc.com/learn/731 三个不同的布局，实际情况按开发需求来写 item_one.xml xml version="1.0" encoding="utf-8"?> LinearLay
Kotlin实践之多类型RecyclerView及列表单选效果
VipPetergee的博客
11-30 2375
一、初衷 近期项目需要实现类型列表，使用java编写想必大家都已经熟悉，今天使用kotlin实践一把，顺便熟悉下kotlin使用 二、需求 两种条目类型一种是普通的文字类型，另外一种是带有单选框的条目类型 三、分析 类型一使用一个textView布局显示，类型二使用一个textView+imageView布局显示，单选可以通过recyclerView的条目点击事件监听实现，选择一个的同时将其他设置...
RecyclerView的使用之多种Item加载布局
09-02
通过以上步骤，我们就可以实现在RecyclerView中加载多种布局的列表项。这种方式使得RecyclerView更加灵活，能够适应各种复杂的设计需求，提高了用户体验。在实际开发中，还可以结合DiffUtil类进一步优化数据更新的...
Android-使用Kotlin写的实现Android的Recyclerview的多种item布局
08-13
在Android应用开发中，Recyclerview是一个非常重要的组件，它用于展示可滚动...这个项目将帮助你更深入地理解如何在Android应用中使用Kotlin实现Recyclerview的多种item布局，提高用户体验，同时保持代码的整洁和高效。
Android-RecyclerView优雅的实现多条目布局
08-13
1. **多类型条目布局**：要在RecyclerView中实现多种布局，我们需要重写Adapter的`getItemViewType()`方法。此方法根据数据项返回一个唯一标识符，表示不同的视图类型。当创建ViewHolder时，这个标识符用于确定应该...
android RecyclerView实现条目Item拖拽排序与滑动删除
08-31
在Android开发中，RecyclerView是一个非常重要的组件，用于展示可滚动的列表数据。它提供了高度的定制性和性能优化，使得开发者可以灵活地实现各种复杂的布局和交互。本文将详细介绍如何在RecyclerView中实现条目...
Android RecyclerView加载两种布局的方法
08-31
总的来说，通过自定义Adapter和ViewHolder，我们可以灵活地在RecyclerView中加载多种布局。`getItemViewType()`用于确定布局类型，`onCreateViewHolder()`创建对应布局的ViewHolder，而`onBindViewHolder()`则负责将...
RecycleView加载多种item布局
刘鑫的博客
07-05 723
public class ArticleAdapter extends RecyclerView.Adapter&lt;RecyclerView.ViewHolder&gt;{ private Context context; private List&lt;TopicBean&gt; mDatas; public static final int TYPE_IMAGE ...
Android ListView加载多item布局及性能优化
Sahara_Savage
11-17 6926
在开发过程中，遇到一些比较旧的项目，请求网络数据时，接口返回一长串的JSON字符串，其中包括各种不相关的数据。而我们又需要把这些数据一一对应写在同一个界面上，又需要分别展示在不同的布局上，这时候就需要用到ListView
RecyclerView加载不同item并实现其item点击事件，实现添加常用应用的功能
一步一步
08-27 5136
先上效果图吧 点击加号 勾选需要的应用点击添加 这里出现了三种item的样式，一种是加号，一种是应用图标加文字，最后一种是应用图标加文字还有个checkBox 这里RecyclerView是配合CardView使用的。 在AS中使用RecyclerView需要先在build.gradle中添加依赖 dependencies { compile fileTree(dir:
Kotlin_RecyclerView_多种类型的条目
whjk20的专栏
06-26 1144
RecyclerView 多种类型的条目的实现： 三种不同类型条目： 只有一张图片、 标题+图片 、 三种图片 1. 条目的布局： 条目1： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"
不一样的RecyclerView优雅实现复杂列表布局（一）
向着太阳迎着光
03-14 6251
前言在多彩布局不断呈现的今天，多布局混合排布成为一个时尚，今天就结合Holder实现RecyclerView复杂列表布局。 效果图如下（三种布局）： 1.首先在我们主布局中加入我们的RecyclerView控件。 2.在MainActivity中初始化我们的控件mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);3.然后
Kotlin实战（二）: 实现RecyclerView多种Item布局
旺仔的专栏
10-08 4072
前言RecyclerView出来很久了，可以说一出来就将ListView给比下去了，当然，Recyclerview有它的好，ListView的好，并不是说一定要用Recyclerview，最适用自己项目的才是最好的。在这里我们将用Kotlin来实现RecyclerView的多种item布局，和单个item布局，同时写一个通用的Adapter。使用先将写完的代码的使用方式展示一下：一种item布局cl
RecyclerView多条目实现
LazyRui
12-12 304
RecyclerView多条目实现 1、自定义类继承RecyclerView.Adapter<RecyclerView.ViewHolder> 这里做两个条目的例子 public class 类名 extends RecyclerView.Adapter<RecyclerView.ViewHolder> { } 2、自定义类继承RecyclerView.ViewHolde...
RecyclerView多条目
qq_39436760的博客
09-25 289
RecyclerView多条目实现: 需要依赖:compile 'com.android.support:recyclerview-v7:26.0.0-alpha1' 然后在,MainActivity中给每个item做添加数据的方法 然后调用他的适配器继承RecyclerView.Adapter 给他设置一个bean类初始化他每个item的数据 创建每个item的ViewHolder类并
recyclerview 仿快手头像挂饰的条目选择
最新发布
06-06
您好！针对您的问题，您可以通过使用RecyclerView和自定义LayoutManager来实现仿快手头像挂饰的条目选择效果。 具体实现步骤如下： 1. 自定义LayoutManager，实现类似于快手头像挂饰的布局效果，即每个条目可以有多个头像挂饰，并且可以自动换行。 2. 在RecyclerView的Adapter中，为每个条目设置点击事件，记录条目的选中状态。 3. 在LayoutManager中，根据每个条目的选中状态，绘制选中效果，例如添加边框或者改变条目背景颜色等。 4. 当用户点击某个条目时，修改该条目的选中状态，并且通知LayoutManager进行重绘。 通过以上步骤，您可以实现类似于快手头像挂饰的条目选择效果。希望对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值