Các kiểu chuyển đổi tùy chỉnh trong SwiftUI

Tram Ho

Trong swiftUI, bạn hoàn toàn có thể tự tuỳ chỉnh Toggle để phù hợp với giao diện người dùng.
Ở bài viết này, mình sẽ hướng dẫn cách tuỳ chỉnh một Toggle view. Bạn có thể dễ dàng đưa các styles của riêng mình cho các Toggle SwiftUI bằng cách sử dụng giao thức ToggleStyle. Đơn giản chỉ cần thay đổi thuộc tính isOn bên trong instance Configuration được đưa từ hàm makeBody(configuration: ).

Tạo một Custom ToggleStyle

Để bắt đầu, mình tạo một struct MyToggleStyle và cho nó thực thi protocol ToggleStyle. Sau đó, thực thi hàm makeBody(configuration: ). Đây là nơi bạn sẽ tạo custom view của mình để hiển thị thay cho switch mặc định.

Áp dụng custom ToggleStyle cho Toggle của bạn như sau:

Một số ví dụ

Dưới đây là một vài ví dụ mà mình sẽ thực hiện mẫu. Bạn hoàn toàn có thể tự tuỳ chỉnh một hoặc nhiều styles riêng cho Toggle của bạn để phù hợp với yêu cầu dự án.

CheckmarkToggleStyle

PowerToggleStyle

ImageToggleStyle


Cảm ơn các bạn đã đọc!!!

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo