После обновления данных RecyclerView, кажется, движется вниз на экране - PullRequest
1 голос
/ 11 октября 2019

Использование LiveData для отображения представления переработчика, которое попадает в базу данных Room. Когда я выполняю поиск на экране, количество возвращаемых элементов меньше, однако, кажется, что между представлением рециркулятора и другими кнопками появляется много лишних пробелов. Само окно переработчика сжимается, а затем опускается на экран.

Вот как это выглядит до обновления данных (до того, как я выполню поиск):

normal

Вот после:

white space

Вот мой адаптер для ресайклераПросмотреть:

class WorkPackagesRecyclerAdapter(
  private val onWorkPackageClickListener: OnClickWorkPackage
   ) : PagedListAdapter<Workpackage, 
 WorkPackagesRecyclerAdapter.WorkPackagesViewHolder>(
  REPO_COMPARATOR
) {


interface OnClickWorkPackage {
    fun clickWorkPackage(workPackageId: String)
}

override fun onCreateViewHolder(viewGroup: ViewGroup, i: Int): WorkPackagesViewHolder {
    val inflater = LayoutInflater.from(viewGroup.context)
    val binding = inflate<ItemWorkPackageBinding>(
        inflater,
        R.layout.item_work_package,
        viewGroup,
        false
    )
    return WorkPackagesViewHolder(binding, viewGroup.context)
}


override fun onBindViewHolder(holder: WorkPackagesViewHolder, position: Int) 
{

    getItem(position)?.let {
        holder.bind(it)
    }

}

inner class WorkPackagesViewHolder(
    internal var binding: ItemWorkPackageBinding,
    internal val context: Context
) : RecyclerView.ViewHolder(binding.root), KoinComponent {

    fun bind(data: Workpackage) {
        val itemWorkPackagesViewModel: ItemWorkPackagesViewModel by inject{ parametersOf(data)}
        this.binding.listItem.setOnClickListener {
            onWorkPackageClickListener.clickWorkPackage(data.id)
        }
        this.binding.viewmodel = itemWorkPackagesViewModel
        this.binding.executePendingBindings()
    }

}

companion object {
    private val REPO_COMPARATOR =
        object : DiffUtil.ItemCallback<Workpackage>() {
            override fun areItemsTheSame(
                oldItem: Workpackage,
                newItem: Workpackage
            ): Boolean =
                oldItem.id == newItem.id

            override fun areContentsTheSame(
                oldItem: Workpackage,
                newItem: Workpackage
            ): Boolean =
                oldItem == newItem
        }


}

Вот какЯ установил PagedList:

val searchQuery: MutableLiveData<SearchAndSort> = MutableLiveData(
    SearchAndSort("",
        WorkpackagesRepository.Companion.SortedBy.WorkPackageNumber,
        AscendDescend.ASC))

var workPackagesList = Transformations.switchMap(searchQuery) { searchQuery ->
    val factory = workPackageStorageDao.searchWorkpackages(
        searchQuery.searchText,
        searchQuery.sortBy.type + " " + searchQuery.ascendDescend.text
    )
    val pagedListBuilder = LivePagedListBuilder<Int, Workpackage>(factory, pagingLimit)
    pagedListBuilder.build()
}

Вот где я наблюдаю за адаптером:

    workPackagesViewModel.workPackagesList.observe(this, Observer { wpList ->
        wpList ?: return@Observer

        adapter = WorkPackagesRecyclerAdapter(this)
        adapter.submitList(wpList)
        binding.workPackagesRecyclerView.adapter = adapter
        adapter.notifyDataSetChanged()

    })

Вот схема расположениявид переработчика

<?xml version="1.0" encoding="utf-8"?>
<layout
xmlns:tools="http://schemas.android.com/tools"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">

<data>

    <variable
        name="viewModel"
        type="com.bechtel.pf.ui.workpackages.WorkPackagesViewModel" />
</data>

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="727dp"
    tools:layout_editor_absoluteY="1dp">

    <EditText
        android:id="@+id/search_bar_edit_text"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:layout_marginTop="@dimen/work_package_margin"
        android:hint="@string/work_packages_search_hint"
        app:layout_constraintBottom_toBottomOf="@id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <ImageButton
        android:id="@+id/search_bar_magnifying_glass"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_marginTop="@dimen/work_package_margin"
        android:background="@drawable/icons_search"
        app:layout_constraintBottom_toBottomOf="@id/guideline"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="@dimen/work_package_search_guideline_start"

        />
    <com.google.android.material.button.MaterialButton
        android:id="@+id/btnSortBy"
        android:layout_width="0dp"
        android:layout_height="45dp"
        android:layout_marginTop="5dp"
        android:layout_marginStart="10dp"
        android:layout_marginEnd="10dp"
        android:backgroundTint="@color/colorPrimary"
        app:layout_constraintEnd_toStartOf="@+id/btnAscendDescend"
        app:layout_constraintHorizontal_weight="1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/guideline"
        app:layout_constraintHorizontal_chainStyle="spread"
        android:text="@string/work_packages_sort"
        />

    <com.google.android.material.button.MaterialButton
        android:id="@+id/btnAscendDescend"
        android:layout_width="0dp"
        android:layout_height="45dp"
        android:layout_marginTop="5dp"
        android:layout_marginEnd="10dp"
        android:backgroundTint="@color/colorPrimary"
        app:layout_constraintHorizontal_weight="1"
        app:layout_constraintEnd_toStartOf="@+id/btnFilterBy"
        app:layout_constraintStart_toEndOf="@+id/btnSortBy"
        app:layout_constraintTop_toBottomOf="@+id/guideline"
        app:layout_constraintHorizontal_chainStyle="spread"
        android:text="@string/work_packages_ascend"
        android:onClick="@{() -> viewModel.ascendingDescending()}"
        />

    <com.google.android.material.button.MaterialButton
        android:id="@+id/btnFilterBy"
        android:layout_width="0dp"
        android:layout_height="45dp"
        android:layout_marginTop="5dp"
        android:layout_marginEnd="10dp"
        android:backgroundTint="@color/colorPrimary"
        app:layout_constraintHorizontal_weight="1"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/btnAscendDescend"
        app:layout_constraintTop_toBottomOf="@+id/guideline"
        android:text="@string/work_packages_filter"/>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/workPackagesRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="vertical"
        android:layout_marginTop="75dp"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btnFilterBy">

    </androidx.recyclerview.widget.RecyclerView>


</androidx.constraintlayout.widget.ConstraintLayout>

Кто-нибудь когда-либо видел что-то подобное раньше? Я также позаботился о том, чтобы я использовал layout_height = wrap_content в макете моего маклера и в файле item.xml.

Инспектор снимков экрана:

layout inspector

1 Ответ

0 голосов
/ 13 октября 2019

ОК, похоже, что я установил layout_constraintBottom_toBottomOf в режиме recyclerview равным 'parent', и, поскольку общая высота recyclerview сократилась, когда количество элементов сократилось, он перемещал представление в нижнюю часть экрана. Я также мог избавиться от атрибута верхнего поля, а вид рециркулятора оставался ниже кнопок. Так что теперь у меня есть:

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/workPackagesRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="vertical"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btnFilterBy"/>

И все выглядит хорошо!

...