ฉันจะลดช่องว่างภายในรอบข้อความภายในออบเจ็กต์ปุ่ม Android ได้อย่างไร

ดังนั้นในขณะนี้ฉันมีปุ่มที่ดูเหมือนภาพแรกด้านบน ฉันจะลดช่องว่างรอบข้อความภายในปุ่มได้อย่างไร (เพื่อให้ดูเหมือนภาพที่สองมากขึ้น)

ความกว้างและความสูงของเค้าโครงถูกตั้งค่าเป็น:

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

รูปร่างสไตล์ที่กำหนดเองมีพารามิเตอร์ "

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

ส่วนที่เหลือเป็นเพียงคุณลักษณะของสีและค่ารัศมี

เพื่อให้ชัดเจนฉันต้องการให้กรอบของปุ่มกอดข้อความ "เข้าสู่ระบบ" ให้ใกล้ขึ้น

ความช่วยเหลือและข้อเสนอแนะทั้งหมดได้รับการชื่นชมอย่างมาก ขอบคุณ.

ฉันใช้เวลาตลอดเพื่อค้นหาสิ่งนี้ แต่ "ช่องว่างภายใน" รอบ ๆ ข้อความในปุ่มไม่ได้มีช่องว่างภายในเลย สไตล์วิดเจ็ตเริ่มต้นมีคุณสมบัติ minHeight การเปลี่ยน minHeight บนปุ่มจะช่วยให้คุณปรับช่องว่างภายในได้ตามที่คาดไว้

<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>

ในห้องสมุดส่วนประกอบวัสดุที่MaterialButtonมีรูปแบบเริ่มต้นที่มีinsetBottomและที่มีค่าของinsetTop6dp

คุณสามารถเปลี่ยนได้ในเค้าโครง:

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

หรือในรูปแบบ:

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

ลองใช้ในไฟล์ shape.xml ที่กำหนดเอง

<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">

คุณยังสามารถทำการเปลี่ยนแปลงใน xml ของปุ่มของคุณ

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

หากคุณต้องการให้ช่องว่างด้านบนและด้านล่างเล็กลงให้ใช้สิ่งนี้:

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

คุณสามารถใช้สไตล์ไร้ขอบในAppCompatButtonดังด้านล่าง ใช้สีพื้นหลังที่คุณต้องการ

Widget.AppCompat ปุ่มไร้ขอบสี

รหัสปุ่ม

<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" />

เอาท์พุต: