Android中如何实现居中悬浮的NavigationView菜单

不推荐用NavigationView + RelativeLayout手动居中的原因 #

NavigationView是为配合DrawerLayout实现侧边抽屉场景设计的，它的默认样式、内部布局逻辑都是针对侧边栏优化的。强行在RelativeLayout中手动居中，会导致：

• 菜单默认的间距、图标对齐方式出现错乱，需要大量额外样式修正
• 丢失NavigationView原本适配不同屏幕的逻辑，小屏设备上容易出现菜单溢出或布局变形
• 后续维护成本高，比如要修改菜单交互时，需要额外适配非标准场景

推荐的两种实现方式 #

1. 自定义ConstraintLayout/LinearLayout实现页面内居中菜单

如果是在页面中固定显示的居中菜单，直接用ConstraintLayout作为容器，将菜单项垂直/水平居中排列，灵活性最高，完全适配自定义需求：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 垂直居中的菜单容器 -->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@drawable/menu_bg"
        android:padding="24dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent">

        <!-- 菜单项示例 -->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:padding="12dp">
            <ImageView
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:src="@drawable/ic_home"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="首页"
                android:layout_marginStart="12dp"/>
        </LinearLayout>

        <!-- 其他菜单项重复上述结构即可 -->
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

2. 自定义Dialog实现弹窗式居中菜单

如果是点击按钮弹出的居中菜单，直接自定义Dialog的布局，设置Dialog为居中显示：

// Kotlin代码示例
val dialog = Dialog(this)
dialog.setContentView(R.layout.dialog_center_menu)
// 设置Dialog居中、无标题
dialog.window?.setGravity(Gravity.CENTER)
dialog.window?.setLayout(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)
dialog.show()

对应的布局文件dialog_center_menu.xml可以参考上面的ConstraintLayout居中结构，添加菜单项即可。

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