Question

在这个布局中，我有两个视图 - 右下角的ImageButton和中间底部的TextView。当两个视图中的android:visibility设置为visible时 - 所有视图都根据需要对齐。但如果我将ImageButton的android:visibility设置为gone - EditText会转到布局的左边缘。

问题：

1）为什么会这样？？

2）如何在EditText设置ImageButton可见度时不改变gone的位置？我需要获得与左图相同的布局（见下文），但没有ImageButton。（我知道，一种可能性是将visibility设置为gone，而不是invisible，但我对使用visibility = "gone"的解决方案更感兴趣

P.s。：前两个布局 - RelativeLayout和FrameLayout是强制性的 - 它们用于其他内容，我刚刚删除了与问题无关的所有内容。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <FrameLayout
        android:id="@+id/mForSearchFragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/mForAdMediation"
        android:layout_alignWithParentIfMissing="true" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <EditText
                android:id="@+id/mSearchEditText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true"
                android:ems="5"
                android:imeOptions="actionSearch"
                android:inputType="text"
                android:visibility="visible" >

                <requestFocus />
            </EditText>

            <ImageButton
                android:id="@+id/mSearchButton"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:layout_alignParentBottom="true"
                android:layout_alignParentRight="true"
                android:background="@drawable/dark_button"
                android:src="@drawable/tab_search"
                android:visibility="visible" />
        </RelativeLayout>
    </FrameLayout>

</RelativeLayout>

这是布局： layouts

Answer 1

问题是您的内部RelativeLayout位于FrameLayout内部，该FrameLayout设置为宽度的wrap_content。因此，当ImageView消失时，RelativeLayout的宽度会缩小到EditText的宽度。因此，EditText仍然在RelativeLayout中居中，但RelativeLayout只与EditText一样宽。

也许您可以简化这样的布局？

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <EditText
        android:id="@+id/mSearchEditText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:ems="5"
        android:imeOptions="actionSearch"
        android:inputType="text"
        android:visibility="visible" >

        <requestFocus />
    </EditText>

    <ImageButton
        android:id="@+id/mSearchButton"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/dark_button"
        android:src="@drawable/tab_search"
        android:visibility="visible" />

</RelativeLayout>

Answer 2

嗯，好像我找到了一个解决方案：

我需要将layout_width的{{1}}设置为FrameLayout

将TextView中心水平对齐并将底部对齐到父级

2 个答案: