开发带地图覆盖层的Android应用：布局选择与实现方案咨询

布局选择 #

• 优先选ConstraintLayout：能精准控制覆盖层的位置（比如贴底部、设置左右边距），适配不同屏幕尺寸，非常适合层叠地图与UI元素的场景。
• 也可选用FrameLayout：逻辑更简单，按XML书写顺序叠层，把覆盖层View写在地图控件之后，就能自动显示在地图上层。

是否需要使用Fragments？ #

• 如果覆盖层只是几个按钮、简单面板这类轻量UI，不需要Fragment，直接在Activity的布局里添加上层View即可，代码更简洁直接。
• 如果覆盖层是带表单、列表或独立业务逻辑的复杂模块，用Fragment更合适，方便后续维护和复用，比如把覆盖层封装成独立的BottomSheetFragment。

覆盖层实现步骤 #

1. 底层地图布局：引入Google Map/高德/百度的MapView（或SupportMapFragment）作为布局的底层容器。
2. 添加上层覆盖层：在XML布局中，将覆盖层UI（按钮组、自定义面板等）放在地图控件的同级位置，通过布局属性设置位置，比如贴屏幕底部的示例：

   <!-- ConstraintLayout示例 -->
   <androidx.constraintlayout.widget.ConstraintLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
   
       <!-- 地图控件 -->
       <com.google.android.gms.maps.MapView
           android:id="@+id/mapView"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           app:layout_constraintTop_toTopOf="parent"
           app:layout_constraintBottom_toBottomOf="parent"/>
   
       <!-- 底部自定义覆盖层 -->
       <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:background="#FFFFFF"
           android:padding="16dp"
           android:orientation="horizontal"
           app:layout_constraintBottom_toBottomOf="parent">
   
           <Button
               android:id="@+id/btn_map_op1"
               android:layout_width="0dp"
               android:layout_height="wrap_content"
               android:layout_weight="1"
               android:text="操作1"/>
   
           <Button
               android:id="@+id/btn_map_op2"
               android:layout_width="0dp"
               android:layout_height="wrap_content"
               android:layout_weight="1"
               android:text="操作2"/>
       </LinearLayout>
   </androidx.constraintlayout.widget.ConstraintLayout>
   

3. 动态控制显示/隐藏：如果需要切换覆盖层状态，在代码里调用view.setVisibility(View.VISIBLE)或View.GONE即可；如果是弹出式覆盖层，用PopupWindow或者BottomSheetDialogFragment会更灵活。

解决你之前的问题 #

你之前做出类似Chrome书签栏的效果，大概率是误用了系统自带的导航栏组件（比如BottomNavigationView）。直接自定义覆盖层布局即可：自己用LinearLayout/ConstraintLayout做容器，放入需要的按钮，设置背景、间距，完全按需求定制，就不会出现多余的三个点。

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