在recyclerview android studio中动态显示按钮
Posted
技术标签:
【中文标题】在recyclerview android studio中动态显示按钮【英文标题】:Display buttons dynamically in recyclerview android studio 【发布时间】:2020-11-16 04:14:57 【问题描述】:我正在开发一个学生跟踪器应用程序,我正在尝试显示在我的每个学生下创建的动态按钮。我将在下面粘贴一张我希望它看起来像的图片。
目前,我正在对第一张图片的按钮进行硬编码。我从我的 firbase 数据库中获取学生的照片和他们的名字。现在我的问题是如何为每个学生生成复选框,并确保它直接位于他们的图片和姓名下方。
在我看来,我认为算法会类似于
-
循环遍历我的学生数组列表
为每个学生生成复选框
将它们放到我的 recyclerView 上。
我会在下面粘贴相关代码。
daily_grading.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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_
android:layout_
tools:context=".DailyGrading">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_
android:layout_
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<CheckBox
android:id="@+id/checkBox"
android:layout_
android:layout_
android:text="PASS"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/recyclerView"
app:layout_constraintHorizontal_bias="0.046"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.499" />
<CheckBox
android:id="@+id/checkBox2"
android:layout_
android:layout_
android:text="FAIL"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.261"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.499" />
</androidx.constraintlayout.widget.ConstraintLayout>
student_item.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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_
android:layout_>
<androidx.cardview.widget.CardView
android:layout_
android:layout_
android:layout_marginTop="50dp"
android:foreground="?android:attr/selectableItemBackground"
app:cardElevation="2dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
</androidx.cardview.widget.CardView>
<RelativeLayout
android:id="@+id/relativeLayout2"
android:layout_
android:layout_
android:padding="5dp"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="52dp">
<ImageView
android:id="@+id/imageView"
android:layout_
android:layout_
android:layout_marginTop="50dp"
android:paddingTop="20dp"
android:scaleType="centerCrop" />
<TextView
android:id="@+id/textView"
android:layout_
android:layout_
android:layout_below="@+id/imageView"
android:layout_margin="10dp"
android:textSize="16sp" />
</RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
DailyGrading.class
public class DailyGrading extends AppCompatActivity
RecyclerView recyclerView;
Button addStudent;
private DatabaseReference myRef;
public ArrayList<Students> students;
private RecyclerAdapter recyclerAdapter;
private Button orderStudents;
private EditText mEditTextAge;
private EditText mEditTextAssignment;
@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.daily_grading);
recyclerView = findViewById(R.id.recyclerView);
addStudent = findViewById(R.id.addStudentButton);
mEditTextAge = findViewById(R.id.EditTextAge);
mEditTextAssignment = findViewById(R.id.EditTextAssignment);
recyclerView.setLayoutManager(new GridLayoutManager(this, 2));
recyclerView.setHasFixedSize(true);
myRef = FirebaseDatabase.getInstance().getReference();
students = new ArrayList<>();
ClearAll();
GetDataFromFirebase();
// fetches images and name from firebase
private void GetDataFromFirebase()
Query query = myRef.child("student");
query.addValueEventListener(new ValueEventListener()
@Override
public void onDataChange(@NonNull DataSnapshot dataSnapshot)
ClearAll();
for(DataSnapshot snapshot: dataSnapshot.getChildren())
Students student = new Students();
if (snapshot.child("url").getValue() == null)
student.setImageUrl(snapshot.child("imageUrl").getValue().toString());
else
student.setImageUrl(snapshot.child("url").getValue().toString());
student.setName(snapshot.child("name").getValue().toString());
students.add(student);
recyclerAdapter = new RecyclerAdapter(getApplicationContext(), students);
recyclerView.setAdapter(recyclerAdapter);
recyclerAdapter.notifyDataSetChanged();
@Override
public void onCancelled(@NonNull DatabaseError databaseError)
);
// will clear recyclerAdapter
private void ClearAll()
if (students != null)
students.clear();
if(recyclerAdapter != null)
recyclerAdapter.notifyDataSetChanged();
students = new ArrayList<>();
// method to generate checkboxes dynamically
public void generateButtonsDynamically()
for(int i = 0; i < students.size(); i++)
RecyclerAdapter.class
package com.example.studenttracker;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
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 java.util.ArrayList;
public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ViewHolder>
private OnItemClickListener mListener;
public interface OnItemClickListener
void onItemClick(int position);
public void setOnItemClickListener(OnItemClickListener listener)
mListener = listener;
private static final String Tag = "RecyclerView";
private Context mContext;
private ArrayList<Students> studentsArrayList;
public RecyclerAdapter(Context mContext, ArrayList<Students> studentsArrayList)
this.mContext = mContext;
this.studentsArrayList = studentsArrayList;
@NonNull
@Override
public RecyclerAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType)
View view = LayoutInflater.from(parent.getContext())
.inflate(R.layout.student_item,parent,false);
return new ViewHolder(view);
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position)
//TextView
holder.textView.setText(studentsArrayList.get(position).getName());
Glide.with(mContext).load(studentsArrayList.get(position).getImageUrl()).into(holder.imageView);
@Override
public int getItemCount()
return studentsArrayList.size();
public class ViewHolder extends RecyclerView.ViewHolder
ImageView imageView;
TextView textView;
public ViewHolder(@NonNull View itemView)
super(itemView);
imageView = itemView.findViewById(R.id.imageView);
textView = itemView.findViewById(R.id.textView);
itemView.setOnClickListener(new View.OnClickListener()
@Override
public void onClick(View v)
if (mListener != null)
int position = getAdapterPosition();
);
【问题讨论】:
你想动态创建什么?按钮还是复选框? 我会在 xml 中永久添加视图,但将其可见性设置为消失。然后,您可以根据您的数据库更改 onBindViewHolder 中每个位置的可见性。 我想动态创建复选框@TuhinSubhra 你能给我举个例子吗@einUsername 请发布您的 RecyclerAdapter 的内容。 【参考方案1】:将您的 student_item.xml 的代码更改为:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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_
android:layout_>
<androidx.cardview.widget.CardView
android:layout_
android:layout_
android:layout_marginTop="50dp"
android:foreground="?android:attr/selectableItemBackground"
app:cardElevation="2dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
</androidx.cardview.widget.CardView>
<RelativeLayout
android:id="@+id/relativeLayout2"
android:layout_
android:layout_
android:padding="5dp"
tools:layout_editor_absoluteX="0dp"
tools:layout_editor_absoluteY="52dp">
<ImageView
android:id="@+id/imageView"
android:layout_
android:layout_
android:layout_marginTop="50dp"
android:paddingTop="20dp"
android:scaleType="centerCrop" />
<TextView
android:id="@+id/textView"
android:layout_
android:layout_
android:layout_below="@+id/imageView"
android:layout_margin="10dp"
android:textSize="16sp" />
<CheckBox
android:id="@+id/passc"
android:layout_
android:layout_
android:layout_below="@id/textView"
android:text="pass" />
<CheckBox
android:id="@+id/failc"
android:layout_
android:layout_
android:layout_below="@id/textView"
android:layout_toRightOf="@+id/passc"
android:text="fail" />
</RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
并从 RecyclerAdapter.class
控制复选框的行为【讨论】:
@CodeMonkey 请更改代码,运行项目并告诉我。 有一个新问题。现在我的其他活动页面正在显示复选框。 @CodeMonkey 那么您可能正在为两者使用相同的 XML 文件。请为您的 recyclerview 创建一个单独的 XML 文件并使用那里的代码。不要忘记替换 recyclerview 中的 XML 文件。View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.your_new_xml_file,parent,false);
我添加了新问题请看***.com/questions/63106250/…【参考方案2】:
在 student_item.xml 中添加复选框,而不是 daily_grading.xml
【讨论】:
【参考方案3】:试试这个:
<CheckBox
android:id="@+id/checkBox"
android:layout_
android:layout_
android:text="PASS"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/recyclerView"
app:layout_constraintHorizontal_bias="0.046"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.499"
android:visibility="gone" />
<CheckBox
android:id="@+id/checkBox2"
android:layout_
android:layout_
android:text="FAIL"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.261"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.499"
android:visibility="gone" />
和
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position)
//TextView
holder.textView.setText(studentsArrayList.get(position).getName());
Glide.with(mContext).load(studentsArrayList.get(position).getImageUrl()).into(holder.imageView);
if (studentsArrayList.get(position).displayButtons()) //check if you need the buttons or not
holder.checkBox.setVisibility(View.VISIBLE);
holder.checkBox2.setVisibility(View.VISIBLE);
else
holder.checkBox.setVisibility(View.GONE);
holder.checkBox2.setVisibility(View.GONE);
【讨论】:
我应该把 onBindViewHolder 放在哪里。在DailyGrading
类中?
不,它必须是 recyclerView 适配器的一部分。我的印象是它可以访问复选框。
我认为这也是@Tanzeem Iqbal 的意思。您想要列表中多个条目的复选框,对吧?
我想为我们从数据库返回的每个图像/名称添加复选框。还有什么是 displayButtons()。我无权访问它
那为什么要在运行时动态创建而不是通过xml呢?【参考方案4】:
第 1 步:将 recyclerview 添加到一个 xml 文件中。
第 2 步:必须在另一个 xml 文件中的 reecyclerview 中的元素(此处添加您需要的按钮)。
第 3 步:链接这两个 xml 文件。
因此,每次插入后都会动态添加一个按钮。
希望你能找到解决办法。
【讨论】:
以上是关于在recyclerview android studio中动态显示按钮的主要内容,如果未能解决你的问题,请参考以下文章
android: ScrollView 内的 RecyclerView
Android:以编程方式在片段中添加多个 RecyclerView