如何在手机屏幕上居中LinearLayout内的FrameLayout并调整内部ImageView布局

我来帮你搞定这个布局问题，要实现FrameLayout在屏幕水平垂直居中，同时让相机图标精准定位在圆形头像边框位置的效果，你可以参考下面的修改后的代码和说明：

修改后的完整布局代码 #

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    <FrameLayout 
        android:id="@+id/userimage" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp">

        <com.pkmmte.view.CircularImageView 
            android:id="@+id/regUserPhoto" 
            android:layout_width="100dp" 
            android:layout_height="100dp" 
            android:src="@drawable/drawable_male" 
            android:elevation="4dp" 
            android:layout_marginBottom="8dp"
            app:border="true" 
            app:border_color="#EEEEEE" 
            app:border_width="4dp" 
            app:shadow="true"
            android:layout_gravity="center"/>

        <ImageView 
            android:id="@+id/iv_camera" 
            android:layout_width="40dp" 
            android:layout_height="40dp" 
            android:src="@drawable/camera_button"
            android:layout_gravity="bottom|end"
            android:layout_marginBottom="4dp"
            android:layout_marginEnd="4dp"/>
    </FrameLayout>
</LinearLayout>

核心修改点详解 #

1. 实现FrameLayout整体居中 #

• 把外层LinearLayout的android:layout_height改成match_parent：这样LinearLayout才能占据整个屏幕高度，为垂直居中提供足够空间。
• 给LinearLayout添加android:gravity="center"：这个属性是控制子元素（也就是FrameLayout）在LinearLayout内部的对齐方式，设置为center后，FrameLayout就会水平垂直居中显示。
• 将FrameLayout的宽高改为wrap_content：原来的match_parent会让FrameLayout占满整个屏幕宽度，改成wrap_content后，它只会包裹内部的圆形头像，这样才能被LinearLayout的gravity属性居中。

2. 相机图标定位到圆形头像边框 #

• 给圆形头像添加android:layout_gravity="center"：让圆形头像在FrameLayout内部居中，此时FrameLayout的尺寸会自动适配圆形头像的大小，为相机图标定位提供基准。
• 给相机图标设置android:layout_gravity="bottom|end"：这会让相机图标固定在FrameLayout的右下角，刚好对应圆形头像的右下角位置（因为圆形头像在FrameLayout里居中）。
• 微调margin值：通过android:layout_marginBottom和android:layout_marginEnd设置4dp的边距，让相机图标刚好贴合圆形头像的边框（数值可以根据你的边框宽度灵活调整）。

这样调整后，既能让整个头像区域在屏幕中完美居中，又能让相机图标准确地提示用户可点击编辑图片，完全符合你的需求~

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