求助：实现Android下拉菜单中双垂直列表滚动布局

嘿，我来帮你搞定这个需求！要做出附图里那种下拉菜单包含两个可独立滚动列表的效果，咱们可以用PopupWindow配合RecyclerView来实现（RecyclerView比ScrollView更适合列表场景，自带视图复用，性能更好），下面是具体的实现步骤和代码示例：

一、准备布局文件 #

1. 主页面布局（触发下拉的按钮） #

先做一个简单的主布局，放个按钮用来唤起下拉菜单：

<!-- activity_main.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">

    <Button
        android:id="@+id/btn_show_dropdown"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示下拉菜单"/>

</LinearLayout>

2. 下拉菜单的内容布局 #

这个布局里要放两个横向排列的RecyclerView，各自负责独立滚动：

<!-- layout_popup_dropdown.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="#ffffff"
    android:padding="8dp"
    android:elevation="8dp">

    <!-- 第一个独立滚动列表 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_list1"
        android:layout_width="150dp"
        android:layout_height="300dp"
        android:scrollbars="vertical"
        android:layout_marginEnd="8dp"/>

    <!-- 第二个独立滚动列表 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_list2"
        android:layout_width="150dp"
        android:layout_height="300dp"
        android:scrollbars="vertical"/>

</LinearLayout>

二、编写逻辑代码 #

1. 实现简单的RecyclerView适配器 #

因为两个列表的适配器逻辑类似，咱们可以写一个通用的适配器：

class SimpleListAdapter(private val dataList: List<String>) : RecyclerView.Adapter<SimpleListAdapter.ViewHolder>() {

    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val tvItem: TextView = itemView.findViewById(R.id.tv_item)
    }

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

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.tvItem.text = dataList[position]
    }

    override fun getItemCount() = dataList.size
}

对应的列表项布局item_simple_list.xml：

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tv_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="12dp"
    android:textSize="14sp"/>

2. 在Activity中实现PopupWindow的逻辑 #

接下来在主Activity里，给按钮添加点击事件，弹出下拉菜单并给两个RecyclerView设置独立的数据源：

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val btnShowDropdown = findViewById<Button>(R.id.btn_show_dropdown)
        btnShowDropdown.setOnClickListener {
            showCustomDropdown(it)
        }
    }

    private fun showCustomDropdown(anchorView: View) {
        // 加载下拉菜单的布局
        val popupView = LayoutInflater.from(this).inflate(R.layout.layout_popup_dropdown, null)
        
        // 初始化两个RecyclerView
        val rvList1 = popupView.findViewById<RecyclerView>(R.id.rv_list1)
        val rvList2 = popupView.findViewById<RecyclerView>(R.id.rv_list2)

        // 设置布局管理器为垂直方向
        rvList1.layoutManager = LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false)
        rvList2.layoutManager = LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false)

        // 准备两个独立的数据源
        val dataList1 = mutableListOf<String>().apply {
            repeat(20) { add("列表1 第${it+1}项") }
        }
        val dataList2 = mutableListOf<String>().apply {
            repeat(15) { add("列表2 第${it+1}项") }
        }

        // 设置适配器
        rvList1.adapter = SimpleListAdapter(dataList1)
        rvList2.adapter = SimpleListAdapter(dataList2)

        // 创建PopupWindow
        val popupWindow = PopupWindow(
            popupView,
            ViewGroup.LayoutParams.WRAP_CONTENT,
            ViewGroup.LayoutParams.WRAP_CONTENT,
            true // 可点击外部关闭
        )

        // 设置弹出位置（在锚点按钮下方）
        popupWindow.showAsDropDown(anchorView, 0, 0)

        // 可选：添加弹出/消失动画
        popupWindow.animationStyle = R.style.PopupAnimation
    }
}

3. 可选：添加PopupWindow动画 #

如果想要更流畅的弹出效果，可以在res/values/styles.xml里添加动画样式：

<style name="PopupAnimation">
    <item name="android:windowEnterAnimation">@anim/slide_in_down</item>
    <item name="android:windowExitAnimation">@anim/slide_out_up</item>
</style>

然后创建对应的动画文件slide_in_down.xml和slide_out_up.xml（放在res/anim目录下）：

<!-- slide_in_down.xml -->
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="-100%"
        android:toYDelta="0"/>
</set>

<!-- slide_out_up.xml -->
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="-100%"/>
</set>

三、关键注意点 #

• 确保两个RecyclerView的layout_height设置为固定值或者wrap_content（如果用wrap_content记得给RecyclerView设置合适的适配器支持），这样才能正常滚动。
• 如果你的列表项比较复杂，记得在适配器里做好视图复用，避免性能问题。
• 要是不需要RecyclerView的复用特性，也可以用ScrollView包裹LinearLayout来实现，但长列表场景还是推荐RecyclerView。

这样实现后，你就能得到一个下拉菜单，里面的两个列表可以各自独立垂直滚动啦！

内容的提问来源于stack exchange，提问作者jeetdeveloper