Làm cách nào để tạo kiểu cho một Switch Android?

Tiện ích chuyển đổi được giới thiệu trong API 14 được tạo kiểu theo mặc định với chủ đề holo. Tôi muốn tạo kiểu cho nó hơi khác một chút, thay đổi màu sắc và hình dạng một chút vì lý do xây dựng thương hiệu. Làm thế nào để một người đi về điều này? Tôi biết nó phải có thể, vì tôi đã thấy sự khác biệt giữa ICS mặc định và chủ đề touchwiz của Samsung

Tôi cho rằng tôi sẽ cần một số thiết bị có thể kéo trạng thái và tôi đã thấy một vài kiểu trong http://developer.android.com/reference/android/R.styleable.html với Switch_thumb và Switch_track trông giống như những gì tôi có thể đang theo đuổi . Tôi chỉ không biết làm thế nào để sử dụng chúng.

Tôi đang sử dụng ActionbarSherlock nếu điều đó tạo ra sự khác biệt. Tất nhiên, chỉ những thiết bị chạy API v14 trở lên mới có thể sử dụng công tắc.

Bạn có thể xác định các phần có thể kéo được sử dụng cho nền và phần trình chuyển đổi như sau:

<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumb="@drawable/switch_thumb"
    android:track="@drawable/switch_bg" />

Bây giờ bạn cần tạo một bộ chọn xác định các trạng thái khác nhau cho bộ chuyển đổi có thể vẽ được. Đây là các bản sao từ các nguồn Android:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_thumb_disabled_holo_light" />
    <item android:state_pressed="true"  android:drawable="@drawable/switch_thumb_pressed_holo_light" />
    <item android:state_checked="true"  android:drawable="@drawable/switch_thumb_activated_holo_light" />
    <item                               android:drawable="@drawable/switch_thumb_holo_light" />
</selector>

Điều này xác định ngón tay cái có thể vẽ được, hình ảnh được di chuyển trên nền. Có bốn hình ảnh chín bản được sử dụng cho thanh trượt:

Phiên bản đã hủy kích hoạt (phiên bản xhdpi mà Android đang sử dụng)
Thanh trượt được nhấn:
Thanh trượt đã kích hoạt (trạng thái bật):
Phiên bản mặc định (trạng thái tắt):

Ngoài ra còn có ba trạng thái khác nhau cho nền được xác định trong bộ chọn sau:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_bg_disabled_holo_dark" />
    <item android:state_focused="true"  android:drawable="@drawable/switch_bg_focused_holo_dark" />
    <item                               android:drawable="@drawable/switch_bg_holo_dark" />
</selector>

Phiên bản đã hủy kích hoạt: Phiên bản
tập trung:
Và phiên bản mặc định:

Để có một công tắc theo kiểu, chỉ cần tạo hai bộ chọn này, đặt chúng thành Chế độ xem chuyển đổi của bạn và sau đó thay đổi bảy hình ảnh theo kiểu bạn muốn.

Đó là một câu trả lời chi tiết tuyệt vời của Janusz. Nhưng chỉ vì lợi ích của những người đang truy cập trang này để tìm câu trả lời, cách dễ dàng hơn là tại http://android-holo-colors.com/ (liên kết chết) được liên kết từ Android Asset Studio

Mô tả tốt về tất cả các công cụ có tại AndroidOnRocks.com (trang web hiện đang ngoại tuyến)

Tuy nhiên, tôi thực sự khuyên mọi người nên đọc câu trả lời từ Janusz vì nó sẽ giúp hiểu rõ hơn. Sử dụng công cụ để thực hiện công việc nhanh chóng

Bạn có thể tùy chỉnh kiểu vật liệu bằng cách đặt các thuộc tính màu khác nhau. Ví dụ: chủ đề ứng dụng tùy chỉnh

<style name="CustomAppTheme" parent="Theme.AppCompat">
    <item name="android:textColorPrimaryDisableOnly">#00838f</item>
    <item name="colorAccent">#e91e63</item>
</style>

Chủ đề chuyển đổi tùy chỉnh

<style name="MySwitch" parent="@style/Widget.AppCompat.CompoundButton.Switch">
    <item name="android:textColorPrimaryDisableOnly">#b71c1c</item>
    <item name="android:colorControlActivated">#1b5e20</item>
    <item name="android:colorForeground">#f57f17</item>
    <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
</style>

Bạn có thể tùy chỉnh theo dõi chuyển đổi và chuyển đổi ngón tay cái như hình ảnh bên dưới bằng cách xác định các tệp có thể kéo xml. Để biết thêm thông tin http://www.zoftino.com/android-switch-button-and-custom-switch-examples

Một cách khác và dễ dàng hơn nhiều là sử dụng các hình dạng thay vì 9 miếng vá. Nó đã được giải thích ở đây: https://stackoverflow.com/a/24725831/512011