如何使按钮适合屏幕？

Question

我正在尝试制作一个应用，但是当我在不同设备上对其进行测试时，按钮的大小保持不变。我尝试使用具有等于 5dp 的填充的 Wrap_Content。代码如下：

<?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"
android:background="#000">

<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@ id/img2"


        />

    <Button
        android:layout_width="192dp"
        android:layout_height="wrap_content"
        android:id="@ id/button"
        android:text="wallpaper"
        android:alpha="0.1"
        android:layout_gravity="left|bottom"
         />

    <Button
        android:layout_width="192dp"
        android:layout_height="wrap_content"
        android:text="back"
        android:id="@ id/button2"
        android:layout_gravity="right|bottom"
        android:alpha="0.1" />



</FrameLayout>

我希望两个按钮都在底部中心相遇，但并非所有设备都符合预期。这是我设置 Match_Parent 时发生的情况

Answer 1

如果您希望按钮并排排列并适合所有屏幕尺寸和方向，您可以在线性布局上使用权重来完成它。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android=" http://schemas.android.com/apk/res /android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000">
<FrameLayout android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@ id/img2"/>
<LinearLayout android:width="match_parent"
android:height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="bottom">
<Button android:layout_width="0dp"
android:layout_weight="0.5"
android:layout_height="wrap_content"
android:id="@ id/button"
android:text="wallpaper"
android:alpha="0.1"/>

<Button android:layout_width="0dp"
android:layout_weight="0.5"
android:layout_height="wrap_content"
android:text="back"
android:id="@ id/button2"
android:alpha="0.1"/>
</LinearLayout>
</FrameLayout>

不要被尺寸 0dp 吓到。 weight 属性用于根据比率分配大小。这里两个按钮的重量都是 0.5。所以两者都相等地占据整个宽度。由于计算了宽度，因此无需指定尺寸。所以设置为0。

Answer 2

试试这个代码 -

<?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"
android:background="#000">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:orientation="horizontal">

    <Button
        style="@style/Widget.AppCompat.Button.Borderless"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:id="@+id/button"
        android:text="wallpaper"
        android:alpha="0.1" />

    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="#fff" />

    <Button
        style="@style/Widget.AppCompat.Button.Borderless"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:text="back"
        android:id="@+id/button2"
        android:alpha="0.1" />

</LinearLayout>
</RelativeLayout>

Answer 3

使用这个：

<?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"
    android:background="#000">

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/img2" />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
                <Button
                    android:layout_weight="1" <!-- add weight -->
                    android:layout_width="0dp" <!-- change 192dp to 0dp -->
                    android:layout_height="wrap_content"
                    android:id="@+id/button"
                    android:text="wallpaper"
                    android:alpha="0.1"
                    android:layout_gravity="left|bottom" />
                <Button
                    android:layout_weight="1" <!-- add weight -->
                    android:layout_width="0dp" <!-- change 192dp to 0dp -->
                    android:layout_height="wrap_content"
                    android:id="@+id/button2"
                    android:text="back"
                    android:alpha="0.1"
                    android:layout_gravity="left|bottom" />
        </LinearLayout>
    </FrameLayout>
</RelativeLayout>