安卓Recyclerview多布局适配器_android adapter 不同布局

作者：IT小白 | 2024-03-01 15:17:16

踩

android adapter 不同布局

安卓 Android Recyclerview多布局适配

开始
- 实现目标
代码
- 布局文件
- java文件
点个赞吧，给个关注

开始

实现原理就是重写了适配器getItemViewType这个方法，作用是，根据当前是第几个条目，返回不同的布局，如果是网络数据的话，则判断网络数据和自己的条件返回不同的类型即可！！

实现目标

RecyclerView实现列表不同布局，主要看RecyclerviewAdapter来实现，跟我一起做吧！！！
效果图：

代码

布局文件

首先给出布局文件 activity_main.cml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</android.support.constraint.ConstraintLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

第一个itme：item_one.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_marginTop="2dp"
    android:layout_marginBottom="2dp">

    <TextView
        android:id="@+id/one_text"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="#ff8000"
        android:gravity="center"
        android:text="就想找个"
        android:textColor="#FFFFFF"
        app:layout_constraintEnd_toStartOf="@+id/textView"
        app:layout_constraintStart_toStartOf="parent" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="#d240b0"
        android:gravity="center"
        android:text="女朋友"
        android:textColor="#FFFFFF"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/one_text"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteY="0dp" />

</android.support.constraint.ConstraintLayout>

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

第二个itme：item_two.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="#4c8ae6">

    <ImageView
        android:layout_width="105dp"
        android:layout_height="match_parent"
        android:layout_marginTop="2dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="2dp"
        android:src="@mipmap/girl_friend1"
        app:layout_constraintEnd_toStartOf="@+id/imageView"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteY="0dp" />

    <ImageView
        android:layout_width="105dp"
        android:layout_height="match_parent"
        android:layout_marginStart="8dp"
        android:src="@mipmap/girl_friend2"
        app:layout_constraintStart_toEndOf="@+id/imageView"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteY="0dp" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="105dp"
        android:layout_height="match_parent"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:src="@mipmap/girl_friend3"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteY="0dp" />

</android.support.constraint.ConstraintLayout>

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

第三个itme：item_three.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_marginTop="2dp"
    android:layout_marginBottom="2dp"
    android:layout_height="100dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#a969ed"
        android:gravity="center"
        android:text="什么时候才能找到女朋友呀"
        android:textColor="#FFFFFF" />

</android.support.constraint.ConstraintLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

java文件

这里在代码中注释写好了，可以看得明白，不懂得点击左方QQ问我!
适配器中重写了onCreateViewHolder、onBindViewHolder、getItemCount、getItemViewType

onCreateViewHolder：创建布局，加载item
onBindViewHolder：绑定事件
getItemCount：总条目数量
getItemViewType：根据条件判断返回不同的int值，之后进入onCreateViewHolder方法中判断，返回的int值即等于onCreateViewHolder中i的值,所以能够进行判断返回不同类型的布局！

MainActivity.java

package com.example.sj.recyclerviewexample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //绑定控件
        initView();

        //RecyclerView加载
        intoRecyclerView();
    }

    /**
     * 绑定控件
     */
    private void initView() {
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
    }

    /**
     * RecyclerView加载
     */
    private void intoRecyclerView() {
        //Recycle布局方式
        recyclerview.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));

        //使用适配器
        recyclerview.setAdapter(new RecyclerViewAdapter(this));
    }
}
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

RecyclerViewAdapter.java

package com.example.sj.recyclerviewexample;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    //三个final分别代表三个不同的布局
    public static final int ITEMONE = 1;
    public static final int ITEMTWO = 2;
    public static final int ITEMTHREE = 3;

    //上下文
    private Context context;

    /**
     * 构造方法
     *
     * @param context
     */
    public RecyclerViewAdapter(Context context) {
        this.context = context;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        //这时候就要根据这个i来判断加哪一个布局了

        View inflate = null;
        RecyclerView.ViewHolder viewHolder = null;

        //根据i返回不同布局
        switch (i) {
            case ITEMONE:
                inflate = LayoutInflater.from(context).inflate(R.layout.item_one, viewGroup, false);
                viewHolder = new OneItemHolder(inflate);
                break;
            case ITEMTWO:
                inflate = LayoutInflater.from(context).inflate(R.layout.item_two, viewGroup, false);
                viewHolder = new TwoItemHolder(inflate);
                break;
            case ITEMTHREE:
                inflate = LayoutInflater.from(context).inflate(R.layout.item_three, viewGroup, false);
                viewHolder = new ThreeItemHolder(inflate);
                break;

        }

        //返回布局
        return viewHolder;
    }

    /**
     * 绑定控件，这里可以写一些事件方法等
     *
     * @param viewHolder
     * @param i
     */
    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int i) {

        //如果当前的 viewHolder 属于 OneItemHolder 则执行
        if (viewHolder instanceof OneItemHolder) {

            //写绑定或这写事件可以如下
            ((OneItemHolder) viewHolder).one_text.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(context, "Toast就想找个女朋友", Toast.LENGTH_SHORT).show();
                }
            });

        } else if (viewHolder instanceof TwoItemHolder) {
            //此处省略。。。。
        } else if (viewHolder instanceof ThreeItemHolder) {
            //此处省略。。。。
        }
    }

    /**
     * 返回条目总数量，假设16个条目
     *
     * @return
     */
    @Override
    public int getItemCount() {
        return 16;
    }

    /**
     * 返回条目类型(这里就做个简单的判断区分)
     *
     * @param position 代表第几个条目
     * @return
     */
    @Override
    public int getItemViewType(int position) {

        if (position % 3 == 0) {
            return ITEMTHREE;
        } else if (position % 2 == 0) {
            return ITEMTWO;
        } else {
            return ITEMONE;
        }
    }

    /**
     * 第一个布局的Holder，要继承自RecyclerView.ViewHolder，这里你可以绑定控件
     */
    class OneItemHolder extends RecyclerView.ViewHolder {

        //举例
        TextView one_text;

        public OneItemHolder(@NonNull View itemView) {
            super(itemView);
            one_text = itemView.findViewById(R.id.one_text);
        }
    }

    /**
     * 第二个布局的Holder，要继承自RecyclerView.ViewHolder，这里你可以绑定控件
     */
    class TwoItemHolder extends RecyclerView.ViewHolder {

        public TwoItemHolder(@NonNull View itemView) {
            super(itemView);
        }
    }

    /**
     * 第三个布局的Holder，要继承自RecyclerView.ViewHolder，这里你可以绑定控件
     */
    class ThreeItemHolder extends RecyclerView.ViewHolder {

        public ThreeItemHolder(@NonNull 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149

实现原理就是重写了适配器getItemViewType这个方法，作用是，根据当前是第几个条目，返回不同的布局，如果是网络数据的话，则判断网络数据和自己的条件返回不同的类型即可！！！

安卓Recyclerview多布局适配器_android adapter 不同布局

安卓 Android Recyclerview多布局适配

开始

实现目标

代码

布局文件

java文件

点个赞吧，给个关注