Mã nguồn mở

    android:id="@+id/StringEE"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="StringEE Button"

    android:textColor="@color/stringee_color"

    android:background="@color/stringee_background_color"

    app:layout_constraintBottom_toBottomOf="parent"

    app:layout_constraintEnd_toEndOf="parent"

    app:layout_constraintStart_toStartOf="parent"

    app:layout_constraintTop_toTopOf="parent" />

Kết quả:  Ở đây chúng ta thấy, sau khi bị set lại background, hình dạng của button và các khoảng cách so với lề cũng đã thay đổi vì cài đặt mặc định bị thay đổi bởi background mới. Để button có thể đẹp hơn, chúng ta sẽ phải custom thêm ở đây. Tuy nhiên, nếu bạn chỉ muốn thay đổi màu của background mà không làm ảnh hưởng đến các cài đặt khác, thì thay vì sử dụng thuộc tính background, bạn có thể sử dụng thuộc tính backgroundTint:

android:backgroundTint="@color/stringee_background_color"

Kết quả: 

2. Thay đổi màu button

Button mặc định phổ biển nhất trong các version là một button có màu xám và text màu đen. Vậy làm thế nào để có thể thay đổi màu mong muốn cho button.

Trước hết, chúng ta định nghĩa 1 số màu trong file colors.xml để sử dụng

<color name="stringee_color">#F5C50A0Acolor>
<color name="stringee_background_color">#2196F3color>
<color name="stringee_start_color">#2196F3color>
<color name="stringee_center_color">#673AB7color>
<color name="stringee_end_color">#FF5722color>

Các màu trên sẽ trông như thế này:

Đầu tiên, chúng ta cùng thay đổi màu của text trong button.

Để thay đổi màu text của button, chúng ta có 1 thuộc tính tên là textColor. Set giá trị cho thuộc tính textColor, màu text sẽ thay đổi như màu được set.

Đoạn code sau khi thêm thuộc tính textColor:

"@+id/StringEE"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="StringEE Button"
    android:textColor="@color/stringee_color"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

Khởi chạy ứng dụng, chúng ta sẽ có 1 button trông như thế này:  Tiếp đến, chúng ta sẽ thay đổi màu nền (background) của button.

Để thay đổi màu nền của button, chúng ta sử dụng thuộc tính background.

"@+id/StringEE"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="StringEE Button"
    android:textColor="@color/stringee_color"
    android:background="@color/stringee_background_color"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

Kết quả:  Ở đây chúng ta thấy, sau khi bị set lại background, hình dạng của button và các khoảng cách so với lề cũng đã thay đổi vì cài đặt mặc định bị thay đổi bởi background mới. Để button có thể đẹp hơn, chúng ta sẽ phải custom thêm ở đây. Tuy nhiên, nếu bạn chỉ muốn thay đổi màu của background mà không làm ảnh hưởng đến các cài đặt khác, thì thay vì sử dụng thuộc tính background, bạn có thể sử dụng thuộc tính backgroundTint:

android:backgroundTint="@color/stringee_background_color"

Kết quả: 

3. Thay đổi hình dạng button

Trước tiên, để thay đổi hình dạng của 1 button, chúng ta phải có khởi tạo 1 file drawable để sử dụng.

Ví dụ 1 file drawable custom button có hình dạng Oval. File name: stringee_oval.xml

Sau khi đã có drawable, chúng ta sử dụng thuộc tính background để custom cho button:

    android:id="@+id/StringEE"

    android:layout_width="200dp"

    android:layout_height="50dp"

    android:text="StringEE Button"

    android:textColor="@color/stringee_color"

    android:background="@drawable/stringee_oval"

    app:layout_constraintBottom_toBottomOf="parent"

    app:layout_constraintEnd_toEndOf="parent"

    app:layout_constraintStart_toStartOf="parent"

    app:layout_constraintTop_toTopOf="parent" />

    android:id="@+id/StringEE"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="StringEE Button"

    android:textColor="@color/stringee_color"

    android:background="@drawable/stringee_oval"

    app:layout_constraintBottom_toBottomOf="parent"

    app:layout_constraintEnd_toEndOf="parent"

    app:layout_constraintStart_toStartOf="parent"

    app:layout_constraintTop_toTopOf="parent" />