🍓🍓简述
最近因为需要所以学习了一下recycleview,使用Adapter修饰器修饰,使用一个Adapter+recycleview实现多种布局,而不是之前的三个Adapter在同一个recycleview中实现三个布局。点击区分布局中的gridview的图片和姓名。
嗯~,算是之前的在同一个recycleview中实现三个不同布局的升级版吧。因为之前使用了三个Adapter【修饰器】,而这个只是用了一个Adapter【修饰器】
🍓🍓效果图
动态图》》》
🍓🍓代码
🥭🥭AllAdapter.java
package Adapter;
import android.app.Activity;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.lifecycle.GenericLifecycleObserver;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import com.example.layout_test.MainActivity;
import com.example.layout_test.R;
import org.jetbrains.annotations.NotNull;
import java.util.List;
import domain.FuritBean;
import static domain.msgcode.TYPE_1;
import static domain.msgcode.TYPE_2;
import static domain.msgcode.TYPE_3;
public class AllAdapter extends RecyclerView.Adapter<AllAdapter.ViewHolder> {
private List<FuritBean> mFruitList;
private RecyclerView mRecycleView;
private OnItemClickListener mOnItemClickListener;
public int Position1,Position2;
private View View;
class ViewHolder extends RecyclerView.ViewHolder{
private final ImageView mfruitImage;
private final TextView mfruitName;
private final RecyclerView mRecycleView,mRecycleView2;
public ViewHolder(@NonNull @NotNull View view) {
super(view);
mfruitImage=view.findViewById(R.id.mImg1);
mfruitName=view.findViewById(R.id.mTv1);
mRecycleView=view.findViewById(R.id.recycle_item);
mRecycleView2=view.findViewById(R.id.recycle_item2);
// todo 此处添加两个方法
//添加一个OnItemClickListener接口,并且定义两个方法
public interface OnItemClickListener{
void onClick(int position1,int position2,View view);
}
//然后定义一个监听的方法,便于主类调用
public void setOnItemListener(OnItemClickListener onItemListener){
this.mOnItemClickListener = onItemListener;
}
// 构造方法
public AllAdapter(List<FuritBean> mFruitList) {
this.mFruitList = mFruitList;
}
// 获取布局类型,方便分类
@Override
public int getItemViewType(int position) {
if (position ==1|| position ==4 || position==9){
return TYPE_1;
}
else if(position == TYPE_2){
return TYPE_2;
}
else {
return TYPE_2;
}
}
// @Override
// public long getItemId(int position) {
// return position;
// }
// 根据布局类型,返回不同的view ViewHolder
@NonNull
@NotNull
@Override
public AllAdapter.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
View view = null;
ViewHolder viewHolder = null;
switch (viewType){
case TYPE_1:
view= LayoutInflater.from(parent.getContext()).inflate(R.layout.item1,parent,false);
viewHolder=new ViewHolder(view);
break;
case TYPE_2:
view=LayoutInflater.from(parent.getContext()).inflate(R.layout.item2,parent,false);
viewHolder=new ViewHolder(view);
break;
}
return viewHolder;
}
@Override
public void onBindViewHolder(@NonNull @NotNull AllAdapter.ViewHolder holder, int position) {
switch (getItemViewType(position)){
case TYPE_1:
ViewHolder viewHolder=holder;
GridLayoutManager gridLayoutManager=new GridLayoutManager(viewHolder.mRecycleView.getContext(),5);
viewHolder.mRecycleView.setLayoutManager(gridLayoutManager);
FuritAdapter3 furitAdapter3=new FuritAdapter3(mFruitList,position);
/**
* 取得数据
*/
furitAdapter3.FSetonclick(new FuritAdapter3.FuritSetOnclick() {
@Override
public void clickGetData(int position, int position2,View view) {
mOnItemClickListener.onClick(position,position2,view);
}
});
viewHolder.mRecycleView.setAdapter(furitAdapter3);
break;
case TYPE_2:
ViewHolder viewHolder2=holder;
FuritBean furit1=mFruitList.get(position);
viewHolder2.mfruitImage.setImageResource(furit1.getImageId());
viewHolder2.mfruitName.setText(furit1.getName());
break;
default:
break;
}
}
@Override
public int getItemCount() {
return mFruitList.size();
}
}
🥭🥭 FuritAdapter3.java
package Adapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import com.example.layout_test.R;
import org.jetbrains.annotations.NotNull;
import java.util.List;
import domain.FuritBean;
public class FuritAdapter3 extends RecyclerView.Adapter<FuritAdapter3.ViewHolder> {
private List<FuritBean> mFruitList;
private FuritSetOnclick furitSetOnclick;
private int position2;
static class ViewHolder extends RecyclerView.ViewHolder{
private final ImageView mfruitImage;
private final TextView mfruitName;
public ViewHolder(@NonNull @NotNull View itemView) {
super(itemView);
mfruitImage= itemView.findViewById(R.id.mImg3);
mfruitName = itemView.findViewById(R.id.mTv3);
}
}
public FuritAdapter3(List<FuritBean> mFruitList, int position) {
this.mFruitList = mFruitList;
this.position2 = position;
}
@NonNull
@Override
public FuritAdapter3.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_item3,parent,false);
ViewHolder viewHolder=new ViewHolder(view);
return viewHolder;
}
@Override
public void onBindViewHolder(@NonNull @NotNull FuritAdapter3.ViewHolder holder, int position) {
FuritBean furit=mFruitList.get(position);
holder.mfruitImage.setImageResource(furit.getImageId());
holder.mfruitName.setText(furit.getName());
holder.mfruitImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
furitSetOnclick.clickGetData(position2,position,holder.mfruitImage);
}
});
holder.mfruitName.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
furitSetOnclick.clickGetData(position2,position,holder.mfruitName);
}
});
}
@Override
public int getItemCount() {
return mFruitList.size();
}
// 定义一个监听接口,里面有两个方法
public interface FuritSetOnclick{
void clickGetData(int position,int position2,View view);
}
//给监听一个构造函数,提供给 MainActivity 调用
public void FSetonclick(FuritSetOnclick furitSetOnclick){
this.furitSetOnclick=furitSetOnclick;
}
}
🥭🥭MainActivity.java(主函数)
package Adapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import com.example.layout_test.R;
import org.jetbrains.annotations.NotNull;
import java.util.List;
import domain.FuritBean;
public class FuritAdapter3 extends RecyclerView.Adapter<FuritAdapter3.ViewHolder> {
private List<FuritBean> mFruitList;
private FuritSetOnclick furitSetOnclick;
private int position2;
static class ViewHolder extends RecyclerView.ViewHolder{
private final ImageView mfruitImage;
private final TextView mfruitName;
public ViewHolder(@NonNull @NotNull View itemView) {
super(itemView);
mfruitImage= itemView.findViewById(R.id.mImg3);
mfruitName = itemView.findViewById(R.id.mTv3);
}
}
public FuritAdapter3(List<FuritBean> mFruitList, int position) {
this.mFruitList = mFruitList;
this.position2 = position;
}
@NonNull
@Override
public FuritAdapter3.ViewHolder onCreateViewHolder(@NonNull @NotNull ViewGroup parent, int viewType) {
View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_item3,parent,false);
ViewHolder viewHolder=new ViewHolder(view);
return viewHolder;
}
@Override
public void onBindViewHolder(@NonNull @NotNull FuritAdapter3.ViewHolder holder, int position) {
FuritBean furit=mFruitList.get(position);
holder.mfruitImage.setImageResource(furit.getImageId());
holder.mfruitName.setText(furit.getName());
holder.mfruitImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
furitSetOnclick.clickGetData(position2,position,holder.mfruitImage);
}
});
holder.mfruitName.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
furitSetOnclick.clickGetData(position2,position,holder.mfruitName);
}
});
}
@Override
public int getItemCount() {
return mFruitList.size();
}
// 定义一个监听接口,里面有两个方法
public interface FuritSetOnclick{
void clickGetData(int position,int position2,View view);
}
//给监听一个构造函数,提供给 MainActivity 调用
public void FSetonclick(FuritSetOnclick furitSetOnclick){
this.furitSetOnclick=furitSetOnclick;
}
}
🥭🥭FuritBean.java(对象的属性)
package domain;
public class FuritBean {
private String name;
private int ImageId;
public String getName() {
return name;
}
public int getImageId() {
return ImageId;
}
public FuritBean(String name, int imageId) {
this.name = name;
ImageId = imageId;
}
}
🥭🥭msgcode.java(一些常量抽取出来)
package domain;
public class msgcode {
public static final int TYPE_1=0;
public static final int TYPE_2=5;
public static final int TYPE_3=6;
}
🥭🥭传值
因为同一个recycleView实现多种布局,其中就有gridview【九宫格布局】。要想在同一个recycleview实现多种布局,而且还要实现每个gridview的监听,常规的办法肯定是不行的。
这就涉及到嵌套了。那么嵌套怎么从最里层的gridview传出每一个小格子中的图片点击和名称点击呢? 当然使用接口了,具体可以看代码,建议掌握,Android这样的场景太多太多。
虽然gridview传出每一个小格子中的图片点击和名称点击的view不同,可以使用view.getId进行区分,具体效果看上面截图。
🍓🍓xml布局
🍗🍗activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="80dp"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycle_view1"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="400dp">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycle_view2"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycle_view3"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="40dp"/>
</LinearLayout>
</LinearLayout>
🍗🍗item1.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycle_item"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="30dp">
</androidx.recyclerview.widget.RecyclerView>
</LinearLayout>
🍗🍗item2.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/mTv1"
android:layout_width="match_parent"
android:layout_height="30dp"
android:gravity="center"
android:layout_gravity="center"/>
<ImageView
android:id="@+id/mImg1"
android:layout_width="50dp"
android:layout_height="50dp" />
</LinearLayout>
</LinearLayout>
🍗🍗item3.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycle_item2"
android:layout_width="match_parent"
android:layout_height="80dp">
</androidx.recyclerview.widget.RecyclerView>
</LinearLayout>
🍗🍗recycle_item3.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_gravity="center">
<ImageView
android:id="@+id/mImg3"
android:layout_width="50dp"
android:layout_height="50dp" />
<TextView
android:id="@+id/mTv3"
android:layout_width="50dp"
android:layout_height="30dp"
android:gravity="center"
android:textColor="#FFFF0000"/>
</LinearLayout>
</LinearLayout>
文章来源:https://www.toymoban.com/news/detail-808704.html
最后一步,别忘了导入recycleview的依赖
文章来源地址https://www.toymoban.com/news/detail-808704.html
implementation 'androidx.recyclerview:recyclerview:1.1.0'
到了这里,关于一个Adapter+recycleview实现多种布局,区分布局中的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!