安卓Recyclerview多布局适配器

拼搏现实的明天。 2022-02-20 08:23 270阅读 0赞

### 安卓 Android Recyclerview多布局适配 ###

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

# 开始 #

此篇文章纪念我至今单身!!!  
此篇文章纪念我至今单身!!!  
此篇文章纪念我至今单身!!!  
  
  
好久没有写博客了，不知道会不会有人看见，最近忙着上线项目和维护，哎《《《加班  
  
  
实现原理就是重写了适配器getItemViewType这个方法，作用是，根据当前是第几个条目，返回不同的布局，如果是网络数据的话，则判断网络数据和自己的条件返回不同的类型即可！！

## 实现目标 ##

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

![图片名称][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwODgxNjgw_size_16_color_FFFFFF_t_70]

# 代码 #

## 布局文件 ##

首先给出布局文件 activity\_main.cml

第一个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>

第二个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>

第三个itme：item\_three.xml

## 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));
        }
    }

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);
            }
        }
    }

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

# 点个赞吧，给个关注 #