【问题标题】:Putting two buttons side by side [duplicate]并排放置两个按钮[重复]
【发布时间】:2020-11-16 11:26:55
【问题描述】:

我需要并排放置两个按钮,居中并与底部对齐。 目前它们都处于底部和中心位置,但它们相互重叠,我需要它们并排

<Button
    android:id="@+id/uploadButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="UPLOAD" />


<Button
    android:id="@+id/removeButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="REMOVE" />

【问题讨论】:

标签: android android-layout button alignment


【解决方案1】:

试试这个布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/uploadButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:text="UPLOAD" />


        <Button
            android:id="@+id/removeButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:text="REMOVE" />
        
    </LinearLayout>

</RelativeLayout>

【讨论】:

    【解决方案2】:

    您可以使用线性布局并将按钮放置在该布局中。并将 layout_weight 添加到按钮。 像这样:

    <LinearLayout 
        android:id="@+id/LinearLayout" 
        android:layout_height="wrap_content" 
        android:layout_width="match_parent" 
        android:layout_alignParentBottom="true">
    
        <Button
        android:id="@+id/uploadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="UPLOAD"
    android:layout_weight="1" />
    
        <Button
        android:id="@+id/removeButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="REMOVE" 
    android:layout_weight="1"/>
    </LinearLayout>
    

    【讨论】:

    • 跟我的回答很像
    • @MMG 因为这是将两个按钮并排放置的常用方法,我总是使用这种方法,并且匹配两个答案纯属巧合。
    【解决方案3】:

    给予他们重视:

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
    
         <Button
                android:id="@+id/uploadButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true"
        android:layout_weight="1"
                android:text="UPLOAD" />
            
            
            <Button
                android:id="@+id/removeButton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true"
        android:layout_weight="1"
                android:text="REMOVE" />
    <LinearLayout/>
    

    【讨论】:

    • 把它们放在一个布局中@JAMESBOND123123
    猜你喜欢
    • 2013-05-09
    • 2019-02-11
    • 2021-04-27
    • 1970-01-01
    • 1970-01-01
    • 2011-01-16
    • 1970-01-01
    • 1970-01-01
    • 2016-08-04
    相关资源
    最近更新 更多