android - 使用 GridLayoutManager 在分页库中设置跨度大小

Question

GridLayoutManager当在分页库中LoadState时，将跨度大小设置为 1 。Loading我已经尝试过这个解决方案，但它不起作用。

对于复制问题：克隆这个官方 repo 并GridLayoutManager设置SearchRepositoriesActivity

我的代码在这里

电影列表片段

....
private val adapter = MoviesAdapter()
....
private fun initAdapter() {
    val decoration = DividerItemDecoration(requireContext(), DividerItemDecoration.VERTICAL)
    binding.rvMovies.addItemDecoration(decoration)
    binding.rvMovies.layoutManager = GridLayoutManager(requireContext(), 2)
    binding.rvMovies.isNestedScrollingEnabled = true
    binding.rvMovies.adapter = adapter.withLoadStateFooter(
        footer = MoviesLoadStateAdapter { adapter.retry() }
    )
}

电影适配器

class MoviesAdapter(
) : PagingDataAdapter<Movie, MoviesAdapter.ViewHolder>(MOVIE_COMPARATOR) {

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
    val view = ItemMovieListBinding.inflate(LayoutInflater.from(parent.context))
    return ViewHolder(view)
}

override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    val movie = getItem(position)
    if (movie != null) {
        val viewModel = MovieListItemViewModel(movie)
        holder.bind(viewModel)
    }
}

inner class ViewHolder(var viewBinding: ItemMovieListBinding) :
    RecyclerView.ViewHolder(viewBinding.root) {
    fun bind(viewModel: MovieListItemViewModel) {
        viewBinding.viewModel = viewModel

    }
}

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

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

MoviesLoadStateAdapter

class MoviesLoadStateAdapter(private val retry : () -> Unit) :
  LoadStateAdapter<MoviesLoadStateAdapter.MoviesLoadStateViewHolder>() 
{

override fun onBindViewHolder(holder: MoviesLoadStateViewHolder, loadState: LoadState) {
    holder.bind(loadState)
}

override fun onCreateViewHolder(
    parent: ViewGroup,
    loadState: LoadState
): MoviesLoadStateViewHolder {
    val view = LayoutInflater.from(parent.context)
        .inflate(R.layout.item_movie_load_state_footer_view, parent, false)
    val binding = ItemMovieLoadStateFooterViewBinding.bind(view)
    return MoviesLoadStateViewHolder(binding, retry)

}

inner class MoviesLoadStateViewHolder(private val binding: ItemMovieLoadStateFooterViewBinding,
retry : ()-> Unit) :
    RecyclerView.ViewHolder(binding.root) {
    init {
        binding.retryButton.setOnClickListener {
            retry.invoke()
        }
    }
    fun bind(loadState : LoadState){
        if(loadState is LoadState.Error){
            binding.errorMsg.text = loadState.error.localizedMessage
        }
        binding.progressBar.visibility  = toVisibility(loadState is LoadState.Loading)
    }
}
}

这里的目标ProgressBar应该显示在屏幕中央。

score 10 · Accepted Answer

我解决了。这是我的代码

在您的活动中

val gridLayoutManager = GridLayoutManager(activity, 2)
    gridLayoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
        override fun getSpanSize(position: Int): Int {
            val viewType = wallpaperAdapter.getItemViewType(position)
            return if(viewType == WALLPAPER_VIEW_TYPE) 1
            else 2
        }
    }

    binding.recyclerView.apply {
        this.layoutManager = gridLayoutManager
        this.setHasFixedSize(true)
        this.adapter = wallpaperAdapter
    }

在您的 PagingDataAdapter

override fun getItemViewType(position: Int): Int {
    if (position == itemCount){
        return NETWORK_VIEW_TYPE
    }else {
        return WALLPAPER_VIEW_TYPE
    }
}

希望它对你有用。

score 1 · Accepted Answer

不要忘记

val concatAdapter = ConcatAdapter(**ConcatAdapter.Config.Builder().setIsolateViewTypes(false).build()**,adapter, empty, footer)

score 0 · Accepted Answer

只是想分享一下，为了使上述解决方案有效，您必须以这种方式构建您的 concat 适配器：

ConcatAdapter(ConcatAdapter.Config.Builder().setIsolateViewTypes(false).build())

文档中对此进行了解释：

 public static final class Config {
        /**
         * If {@code false}, {@link ConcatAdapter} assumes all assigned adapters share a global
         * view type pool such that they use the same view types to refer to the same
         * {@link ViewHolder}s.
         * <p>
         * Setting this to {@code false} will allow nested adapters to share {@link ViewHolder}s but
         * it also means these adapters should not have conflicting view types
         * ({@link Adapter#getItemViewType(int)}) such that two different adapters return the same
         * view type for different {@link ViewHolder}s.
         *
         * By default, it is set to {@code true} which means {@link ConcatAdapter} will isolate
         * view types across adapters, preventing them from using the same {@link ViewHolder}s.
         */
        public final boolean isolateViewTypes;

android - 使用 GridLayoutManager 在分页库中设置跨度大小

3 回答 3

Related