Как изменить рисование ImageButton для каждого CardView индивидуально в RecyclerView?
Я хочу изменить рисование ImageButton в RecyclerView, используя CardView, в зависимости от состояния объекта в CardView, когда пользователь прокручивает RecyclerView (горизонтальный, с прикрепленным SnapHelper).
ImageButton находится в макете Main Activity, и я передаю его своему пользовательскому адаптеру в качестве параметра. В методе onBindViewHolder я проверяю состояние объекта для каждого нарисованного CardView, и, если статус равен "1", я хочу поставить drawable с именем "verify", если статус равен "0", drawable должен быть "cancel" в ImageButton.
Это мой основной макет деятельности:
<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"
android:layout_centerInParent="true"
android:background="#FFF"
android:gravity="center">
<android.support.constraint.ConstraintLayout
android:id="@+id/recyclerViewCL"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@+id/buttonsCL"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<ImageButton
android:id="@+id/goRight"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginEnd="8dp"
android:layout_marginBottom="32dp"
android:background="@drawable/round_button"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:srcCompat="@drawable/direction_end_of_road_right" />
<ImageButton
android:id="@+id/goLeft"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignTop="@+id/goRight"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginStart="8dp"
android:layout_marginBottom="32dp"
android:background="@drawable/round_button"
android:visibility="gone"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:srcCompat="@drawable/direction_end_of_road_left" />
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerInParent="true"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<android.support.v7.widget.RecyclerView
android:id="@+id/my_recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/searchView"
android:descendantFocusability="blocksDescendants"
android:scrollbars="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
</android.support.v7.widget.RecyclerView>
<android.support.v7.widget.SearchView
android:id="@+id/searchView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:visibility="gone">
</android.support.v7.widget.SearchView>
</android.support.constraint.ConstraintLayout>
<android.support.constraint.ConstraintLayout
android:id="@+id/buttonsCL"
android:layout_width="0dp"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent">
<ImageButton
android:id="@+id/setVisited"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:layout_marginBottom="8dp"
android:background="?android:attr/selectableItemBackground"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/checked_off_bigger" />
</android.support.constraint.ConstraintLayout>
</android.support.constraint.ConstraintLayout>
И это макет раздувается для каждого из CardView в CustomAdapter:
<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"
android:layout_gravity="center"
android:orientation="vertical"
android:paddingBottom="10dp"
tools:context=".MainActivity">
<android.support.v7.widget.CardView
android:id="@+id/cardView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:clickable="true"
android:focusable="true"
android:visibility="visible"
app:cardCornerRadius="8dp"
app:cardElevation="5dp"
app:cardPreventCornerOverlap="true"
app:cardUseCompatPadding="true"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clickable="false"
android:focusable="false">
<TextView
android:id="@+id/studentName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="40dp"
android:layout_marginTop="24dp"
android:fontFamily="@font/roboto"
android:gravity="center_vertical"
android:text="Name"
android:textSize="24sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/beachImage" />
<ImageView
android:id="@+id/studentImage"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:cropToPadding="false"
android:gravity="center_vertical"
android:transitionName="image_transition"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>
</android.support.v7.widget.CardView>
</android.support.constraint.ConstraintLayout>
Это изображение, чтобы объяснить это более четко:
Поэтому, когда пользователь прокручивает RecyclerView, я хочу изменить рисование ImageButton - в зависимости от состояния каждого CardView, когда пользователь прокручивает влево или вправо.
Мне удалось частично решить проблему, но когда я прокручиваю вправо, а затем возвращаюсь к предыдущим CardViews, ничья не меняется или меняется совершенно неправильно, как должно.
РЕДАКТИРОВАТЬ: Это мой метод onBindViewHolder:
...
public CustomAdapter(ArrayList<Student> studentsArray, ImageButton setStatus, ...) {
this.setVisited = setVisited; // ImageButton from MainActivity layout
this.studentsArray = studentsArray;
}
...
@Override
public void onBindViewHolder(final MyViewHolder holder, final int listPosition) {
Student student = studentsArray.get(holder.getAdapterPosition());
TextView studentName = holder.studentNameTV;
ImageView studentImage = holder.studentImageIV;
ImageButton setStatus = setVisited;
if (student.getVisited() == 1) {
studentImage.setVisibility(View.VISIBLE);
studentImage.setImageResource(R.drawable.confirm);
setStatus.setImageResource(R.drawable.confirm);
} else if (student.getVisited() == 0) {
studentImage.setVisibility(View.VISIBLE);
studentImage.setImageResource(R.drawable.cancel);
setStatus.setImageResource(R.drawable.cancel);
}
// updates Student Visited status to Database
setVisitedTemp.setOnClickListener(view -> {
if (student.getVisited() == 0) {
studentImage.setVisibility(View.VISIBLE);
studentImage.setImageResource(R.drawable.checked);
setStatus.setVisibility(View.VISIBLE);
setStatus.setImageResource(R.drawable.checked);
DatabaseHelper dbHelper = new DatabaseHelper(mContext);
dbHelper.setVisited(student.getID(), 1);
student.setVisited(1);
//notifyItemChanged(holder.getAdapterPosition());
} else if (student.getVisited() == 1) {
studentImage.setVisibility(View.VISIBLE);
setStatus.setVisibility(View.VISIBLE);
studentImage.setImageResource(R.drawable.cancel);
setStatus.setImageResource(R.drawable.cancel);
DatabaseHelper dbHelper = new DatabaseHelper(mContext);
dbHelper.setVisited(student.getID(), 0);
student.setVisited(0);
//notifyItemChanged(holder.getAdapterPosition());
}
});
}
1 ответ
Проверьте это https://medium.com/over-engineering/detecting-snap-changes-with-androids-recyclerview-snaphelper-9e9f5e95c424
В зависимости от текущей позиции элемента, полученной в упражнении или фрагменте, вы можете получить текущий элемент из адаптера, проверить (и изменить) его данные и установить правильный рисунок ImageButton.