Làm cách nào để giảm phần đệm bên trong xung quanh văn bản trong đối tượng nút Android?

Vì vậy, hiện tại tôi có một nút trông giống như hình ảnh đầu tiên ở trên. Làm cách nào để giảm khoảng đệm xung quanh văn bản bên trong chính nút (Để trông giống hình ảnh thứ hai hơn)?

Chiều rộng và chiều cao của bố cục được đặt là:

android:layout_width="match_parent"
android:layout_height="wrap_content"

Hình dạng kiểu tùy chỉnh có các thông số "

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">

Với phần còn lại chỉ là thuộc tính màu và giá trị bán kính.

Để nói rõ hơn, tôi muốn khung của nút ôm dòng chữ "Đăng nhập" gần hơn.

Tất cả sự trợ giúp và phản hồi được đánh giá rất cao. Cảm ơn.

Tôi đã mất mãi mãi để tìm ra điều này nhưng "phần đệm" xung quanh văn bản trong một nút không thực sự đệm chút nào. Kiểu Widget.Button mặc định bao gồm một thuộc tính minHeight. Thay đổi minHeight trên nút sẽ cho phép bạn điều chỉnh đệm như mong đợi.

<Button
        android:id="@+id/header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/test"
        android:textColor="@color/black"
        android:minHeight="40dip"/>


<style name="Widget.Holo.Button" parent="Widget.Button">
    <item name="android:background">@android:drawable/btn_default_holo_dark</item>
    <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
    <item name="android:textColor">@android:color/primary_text_holo_dark</item>
    <item name="android:minHeight">48dip</item>
    <item name="android:minWidth">64dip</item>
</style>

hãy thử điều này trong tệp shape.xml tùy chỉnh của bạn

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingTop="1dp"
android:padding="1dp">

bạn cũng có thể thực hiện thay đổi trong xml của nút

android:layout_width="wrap_content"
android:layout_height="wrap_content"

Trong Thư viện Thành phần Vật liệu, MaterialButtoncó kiểu mặc định với insetBottomvà insetTopvới giá trị 6dp.

Bạn có thể thay đổi chúng trong bố cục:

  <com.google.android.material.button.MaterialButton
      android:insetTop="0dp"
      android:insetBottom="0dp"
      ../>

hoặc theo phong cách:

 <style name="Button_no_insets" parent="Widget.MaterialComponents.Button"..>
    <item name="android:insetTop">0dp</item>
    <item name="android:insetBottom">0dp</item>
 </style>

Nếu bạn muốn một phần đệm trên và dưới nhỏ hơn, hãy sử dụng cái này:

 android:paddingTop="2dp"
 android:paddingBottom="2dp"

Bạn có thể sử dụng kiểu Borderless trong AppCompatButton như bên dưới. Cũng sử dụng màu nền mà bạn ưa thích.

Widget.AppCompat.Button.Borderless.Colored

Mã nút

<androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_visa_next"
        android:background="@color/colorPrimary"
        style="@style/Widget.AppCompat.Button.Borderless.Colored"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/spacing_normal"
        android:text="@string/next"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

Đầu ra: