Странная визуальная проблема при создании кнопок Android одинаковой ширины

Question

У меня есть кнопка «Назад» и «Домой», которые я пытаюсь выровнять по верхнему правому краю экрана. Мне бы хотелось, чтобы обе кнопки были одинакового размера, но все равно wrap_content, чтобы они не занимали дополнительное пространство. Следующая раскладка почти работает, за исключением того, что кнопка «Домой» немного запуталась, и она немного меньше, чем кнопка «Назад».

У кого-нибудь есть идеи, как это исправить?

Если я изменю второй LinearLayout на fill_parent, кнопки станут одинаковыми по ширине и идеально выровнены, но они занимают слишком много места и становятся очень широкими.

Скриншот:

Код:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:orientation="horizontal">

                <Button
                    android:id="@+id/home"
                    android:layout_width="0dip"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"                        
                    android:text="Home" />

                <Button
                    android:id="@+id/back"
                    android:layout_width="0dip"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="Back" />

        </LinearLayout>                       

    </RelativeLayout>

</LinearLayout>

Спасибо!

Answer 1

Это происходит из-за того, что выбранной вами ширины недостаточно для размещения текста первой кнопки. Затем текст переносится на две строки. Это, в свою очередь, заставляет механизм выравнивания базовой линии по умолчанию сдвигать первую кнопку вниз. Чтобы достичь желаемого, добавьте атрибут measureWithLargestChild в LinearLayout:

    <LinearLayout
        android:measureWithLargestChild="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:orientation="horizontal">

            <Button
                android:id="@+id/home"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"                        
                android:text="Home" />

            <Button
                android:id="@+id/back"
                android:layout_width="0dip"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="Back" />

    </LinearLayout>   

Answer 2

У меня была такая же проблема.Причина этого в том, что значение по умолчанию baselineAligned равно true, поэтому кнопка перемещается вниз, чтобы текст находился в одной базовой строке.Установка значения на LinearLayout на false устраняет проблему.Попробуйте добавить этот атрибут к вашему LinearLayout:

android:baselineAligned="false"