【问题标题】:Remove extra space on button and remove rounded corner in Android Studio删除按钮上的额外空间并删除 Android Studio 中的圆角
【发布时间】:2022-02-01 02:28:44
【问题描述】:

我正在尝试在网格布局中制作 4 个按钮,但我不知道如何删除每个按钮顶部和底部的额外空间。我也不知道如何去除圆角。我尝试使用cornerRadius,但它什么也没做。

这是布局的屏幕截图。如您所见,顶部和底部按钮中间有一个间隙。

这是 xml 代码:

<androidx.gridlayout.widget.GridLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="100dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="256dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/answerBtn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="0dp"
            android:backgroundTint="#9C27B0"
            android:onClick="chooseAnswer"
            android:tag="0"
            android:text="120"
            android:textSize="50dp"
            app:layout_column="0"
            app:layout_columnWeight="1"
            app:layout_gravity="fill"
            app:layout_row="0"
            app:layout_rowWeight="1" />

【问题讨论】:

    标签: java android xml


    【解决方案1】:

    尝试MaterialButton 而不是Button

    MaterialButton中添加以下属性

    android:insetTop="0dp" // For default extra space from top
    android:insetBottom="0dp" // For default extra space from bottom
    android:insetLeft="0dp" // For default extra space from left
    android:insetRight="0dp" // For default extra space from right
    app:cornerRadius="0dp" // For corner radius
    

    完整的MaterialButton代码:

    <com.google.android.material.button.MaterialButton
                android:id="@+id/answerBtn1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="0dp"
                android:backgroundTint="#9C27B0"
                android:onClick="chooseAnswer"
                android:tag="0"
                android:text="120"
                android:textSize="50dp"
                app:layout_column="0"
                app:layout_columnWeight="1"
                app:layout_gravity="fill"
                app:layout_row="0"
                app:layout_rowWeight="1"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                android:insetLeft="0dp"
                android:insetRight="0dp"
                app:cornerRadius="0dp"/>
    

    【讨论】: