UI Datepicker mới trong ios14

Đã bao giờ trong quá trình phát triển dự án, bạn bị khách hàng ca cẩm vì giao diện date picker default của app iOS quá nhàm chán đơn điệu và yêu cầu bạn phải phát triển một date picker riêng nhìn màu sắc hơn?

Thật may mắn vì cuối cùng thì Apple đã quyết định thay đổi cách chúng ta tương tác với UIDatePicker của mình, đó là một trong những thứ tốt nhất được giới thiệu trong WWDC năm ngoái

Hãy cùng tìm hiểu xem giao diện mới này như thế nào nhé

Bắt đầu

Hãy tạo một project mới với Xcode 12 của mình. Trong main.storyboard của mình, bạn hãy thêm một UIdatepicker vào giữa view của mình. Khi run app, nếu như thông thường bạn sẽ thấy như thế này

Nhưng kiểu giao diện wheel này giờ không còn là duy nhất nữa, UIDatepicker mới tạo ra trường datePickerStyle cho phép bạn chọn lựa giữa .automatic style, hoặc .compact, .inline - đều mới ra mắt trong iOS 14 - hoặc .wheel, kiểu cũ đã tồn tài được 1 thập kỷ.

Kiểu compact

Kiểu .compact mới tạo ra một dạng button mà người dùng có thể tap vào, đầy thanh lịch và hiện đại.

Khi tap vào "button" đấy bạn sẽ thấy một datepicker đầy xịn xò và màu sắc xuất hiện như sau

Bạn cũng có thể tùy chọn để datepicker chỉ hiển thị mỗi ngày hoặc mỗi giờ

Kiểu inline

Kiểu inline cũng rất thanh lịch, nhưng khác với kiểu compact, chiếc datepicker sẽ không được gói vào button như trên mà được hiển thị sẵn, nhưng cũng rất tiện lợi và hiện đại

Cả 2 kiểu inline và compact đều có button ở góc trái cho phép chọn nhanh tháng năm, điều mà kiểu wheel truyền thống tốn thời gian của chúng ta rất nhiều

Kết luận

Rõ ràng đây là một thay đổi cực kỳ đáng tuyên dương của Apple.