Tại sao nút lớn hơn khi nền được đặt trong android

Question

Tôi gặp phải sự cố với chế độ xem Button khi tôi đặt nền cho chế độ nền bằng cách sử dụng thuộc tính android:background trong xml. Trước khi tôi đặt nền, nút có kích thước mặc định của nó. Nhưng khi tôi áp dụng màu làm nền, nó trở nên to hơn, mặc dù tôi không đặt một số khác nhau là width hoặc height trên đó.

Đây là bố cục xml của tôi trước khi tôi đặt thuộc tính nền cho nút

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <Button 
     android:background="@color/white" 
     android:layout_gravity="center_horizontal" 
     android:id="@+id/btn_row_option_done" 
     android:text="Done" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

    <Button 
     android:background="@color/white" 
     android:layout_gravity="center_horizontal" 
     android:text="Edit" 
     android:id="@+id/btn_row_option_edit" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

    <Button 
     android:layout_gravity="center_horizontal" 
     android:text="Delete" 
     android:id="@+id/btn_row_option_delete" 
     android:background="@color/red" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

    <Button 
     android:layout_gravity="center_horizontal" 
     android:text="Cancel" 
     android:id="@+id/btn_row_option_cancel" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
</LinearLayout> 

Vì vậy, các nút hủy là kích thước mặc định như trong ảnh chụp màn hình.

Nhưng khi tôi thiết lập một màu vào nút hủy như thế này

<Button 
     android:background="@color/white" 
     android:layout_gravity="center_horizontal" 
     android:text="Cancel" 
     android:id="@+id/btn_row_option_cancel" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

Sau đó các nút được lớn hơn kích thước mặc định, mặc dù tôi đã không làm cho chiều rộng hoặc chiều cao lớn hơn .

Đây là ảnh chụp màn hình

Như bạn có thể nhìn thấy phía trên nút hủy trở nên lớn hơn. Thực ra tôi đang thiết lập màu nền. Làm thế nào tôi có thể sửa chữa nó để có được kích thước mặc định ngay cả sau khi tôi thiết lập màu nền?

Answer 1

Bạn cần phải phân biệt giữa kích thước của Button, chiều rộng của nó và chiều cao, toàn bộ khu vực bạn có thể click vào, và ảnh sử dụng để hiển thị nút.

Nút mặc định trên Android có phần đệm được áp dụng cho nó có thể vẽ được - có vẻ như nó nhỏ hơn. Nó thực sự có cùng kích thước.

Nếu bạn tự vẽ và áp dụng không có đệm, nền sẽ vẽ trong phạm vi toàn bộ giới hạn của chế độ xem, làm cho nó có vẻ lớn hơn.

Bạn luôn có thể chỉ sử dụng nút mặc định nhưng áp dụng màu của riêng bạn bằng cách sử dụng AppCompat. Điều này hỗ trợ tô màu nền của nút mặc định.

<android.support.v7.widget.AppCompatButton 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:backgroundTint="#ffaa00"/> <!-- <--- Your color here --> 

... sẽ cho phép bạn sử dụng cùng một lần xuất hiện.

Answer 2

Đó là vì bạn đang sử dụng nội dung bọc cho chiều rộng và chiều cao.

Bạn có một số tùy chọn. Cách nhanh chóng và đơn giản? Thiết lập giá trị của các nút chỉ định một kích thước trong DP như:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <Button 
     android:background="@color/white" 
     android:layout_gravity="center_horizontal" 
     android:id="@+id/btn_row_option_done" 
     android:text="Done" 
     android:layout_width="200dp" 
     android:layout_height="200dp" /> 

    <Button 
     android:background="@color/white" 
     android:layout_gravity="center_horizontal" 
     android:text="Edit" 
     android:id="@+id/btn_row_option_edit" 
     android:layout_width="200dp" 
     android:layout_height="200dp" /> 

    <Button 
     android:layout_gravity="center_horizontal" 
     android:text="Delete" 
     android:id="@+id/btn_row_option_delete" 
     android:background="@color/red" 
     android:layout_width="200dp" 
     android:layout_height="200dp" /> 

    <Button 
     android:layout_gravity="center_horizontal" 
     android:text="Cancel" 
     android:id="@+id/btn_row_option_cancel" 
     android:layout_width="100dp" 
     android:layout_height="100dp" /> 
</LinearLayout> 

Answer 3

Sử dụng thuộc tính android:backgroundTint trong thẻ XML <Button>.

Giống như:

android:backgroundTint="#6567dc"

Không cần phải sử dụng <android.support.v7.widget.AppCompatButton> Button.