lihongwen1 / PagerGridView

🔥🔥🔥 - 快速实现网格分页切换布局,类似聊天的表情切换面板。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PagerGridView

快速实现网格分页切换布局,类似聊天的表情切换面板。

PagerGridViewPager PagerGridViewPager2

导入依赖

maven { url 'https://jitpack.io' }
implementation 'com.github.simplepeng:PagerGridView:1.0.3'

1.0.3开始,版本号前面不用加v

使用

继承ItemAdapterItemViewHolder,就像RecyclerView的使用方法

class InnerItemAdapter(
    private val mItems: List<String>
) : PagerGridView.ItemAdapter<InnerViewHolder>() {

    //列数
    override fun getSpanCount() = 4

    //行数
    override fun getLineCount() = 4

    override fun getItemCount() = mItems.size

    override fun onCreateViewHolder(
        parent: ViewGroup,
        viewType: Int
    ): InnerViewHolder {
        val itemView = LayoutInflater.from(parent.context)
            .inflate(R.layout.item_layout, parent, false)
        return InnerViewHolder(itemView)
    }

    override fun onBindViewHolder(
        holder: InnerViewHolder,
        adapterPosition: Int
    ) {
        //不要使用这个方法获取position,直接使用上面的`adapterPosition`
//        holder.adapterPosition

        holder.itemView.setOnClickListener {
            Toast.makeText(it.context, mItems[adapterPosition], Toast.LENGTH_SHORT)
                .show()
        }
        holder.tvItem.text = mItems[adapterPosition]
    }
}
class InnerViewHolder(itemView: View) : PagerGridView.ItemViewHolder(itemView) {

    val tvItem = itemView.findViewById<TextView>(R.id.tvItem)

}
<me.simple.pager.PagerGridViewPager2
    android:id="@+id/pagerGridViewPager2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:visibility="visible"
    app:layout_constraintTop_toTopOf="parent" />

<me.simple.pager.PagerGridViewPager
    android:id="@+id/pagerGridViewPager"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toTopOf="parent" />

然后设置Adapter就行

pagerGridViewPager2.setAdapter(InnerItemAdapter(mItems))

指示器

推荐使用的开源库:

https://github.com/JakeWharton/ViewPagerIndicator

https://github.com/romandanylyk/PageIndicatorView

https://github.com/tommybuonomo/dotsindicator

版本迭代

  • 1.0.3:merge pr pull/3 thanks wbkearly
    • 修复ViewPagerAdapter中getItemCount及getPageItemCount方法处理不当的问题
  • v1.0.2:修改类为open,解决嵌套滑动的事件冲突
  • v1.0.1:完善Api调用
  • v1.0.0:首次上传

About

🔥🔥🔥 - 快速实现网格分页切换布局,类似聊天的表情切换面板。


Languages

Language:Kotlin 100.0%