如何正确实现含动态年龄分类的视图 可搭配TextField等组件开发

你提到的是支持动态配置、可滚动的标签栏组件，适配标签数量超过3个的滚动场景，可直接和TextField、RecyclerView、ViewPager等组件联动，主流实现方案如下：

原生组件实现（Android 平台推荐） #

直接使用Material Design官方提供的TabLayout组件，原生支持滚动、动态增删标签能力，适配成本最低：

• 布局配置：开启滚动模式

<com.google.android.material.tabs.TabLayout
    android:id="@+id/age_tab_layout"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    app:tabMode="scrollable"
    app:tabIndicatorColor="@color/design_default_color_primary"
    app:tabSelectedTextColor="@color/design_default_color_primary"
    app:tabTextColor="@color/black"/>

核心属性app:tabMode="scrollable"会在标签总宽度超过屏幕宽度时自动开启横向滚动，不需要额外处理滑动逻辑。

• 动态生成标签：根据后台返回的分类列表批量生成标签

// ageCategoryList 为动态配置的年龄分类列表
ageCategoryList.forEach { category ->
    tabLayout.addTab(tabLayout.newTab().setText(category.name))
}

• 组件联动
  • 联动ViewPager/ViewPager2：通过官方TabLayoutMediator绑定即可自动同步标签选中状态和页面滚动
  • 联动RecyclerView：监听OnTabSelectedListener回调，选中标签时滚动RecyclerView到对应分类位置
  • 联动TextField：选中标签时直接把标签内容赋值给TextField的text属性即可

自定义实现（适配高度定制化UI需求） #

如果官方组件样式满足不了业务需求，可以用横向RecyclerView自行实现：

• 将RecyclerView的布局管理器设置为横向LinearLayoutManager
• 自定义标签Adapter，自行实现选中/未选中态的样式切换
• 新增选中标签自动居中逻辑：选中某个标签时，调用RecyclerView的smoothScrollToPosition方法将标签滚动到视野居中位置
• 对外暴露选中回调，和其他业务组件做联动即可

内容的提问来源于stack exchange，提问作者Xudoyshukur Jo'rayev