Bài 15: DatePicker, TimePicker

Hôm nay chúng ta sẽ đi tìm hiểu 2 view về thời gian đó là DatePicker và TimePicker, đây là 2 view để cho người dùng chọn thời gian và hiện tại đi làm mình cũng chưa bao giờ dùng đến hai thằng này bởi vì rất ít ứng dụng nào sử dụng cả.

Tuy nhiên dù là ít đụng đến những đã là kiến thức căn bản thì chúng ta cũng phải xem qua cho biết chứ không một ngày nào đó dùng đến lại không biết nó là cái gì lại khổ.Ngoài DatePicker và TimePicker thì sau này ban sẽ được học vê thằng TimePickerDialog hay DatePickerDialog , 2 thằng này phổ biến hơn tuy nhiên nó không phải là view có sẵn để bạn định nghĩa trong layout nên chúng ta sẽ tìm hiểu sau.

DatePicker

Đây là view hiển thị giống như một tờ lịch vậy, khi người dùng chọn một ngày nào đó bất kì trong DatePicker bạn sẽ lắng nghe và lấy ngày đó ra thôi.Ví dụ nó được áp dụng trong trường hợp ứng dụng của bạn yêu cầu người dùng chọn ngày-tháng-năm sinh chẳng hạn.

Đây là hình ảnh Datepicker trên android 6.0:

DatePicker trong android

DatePicker trong android

TimePicker

Tưng tự như DatePicker thì TimePicker để lấy ra giờ mà người dùng đã chọn, nó thường áp dụng trong các ứng dụng muốn cập nhật , tạo mới thời gian khi ứng dụng có trường createDay,timeUpdate… trong database chẳng hạn.

Đây là hình ảnh TimePicker trên android 6.0:

TimePicker trong android

TimePicker trong android

Các bạn lưu ý là tùy vào phiên bản hệ điều hành – API mà giao diện DatePicker và TimePicker sẽ khác nhau nhé, hình ảnh trên mình đang chạy trên Android 6.0 API 23 đó nhé.

Ở trên mình đang lắng nghe sự kiện khi người dùng chọn Date và Time thì mình sẽ Toast lên thời gian mà họ đã chọn.Cụ thể code sẽ như sau :

*  Đây là file layout của MainActivity:

activity_main.xml


MainActivity.java


Ở trên mình đã comment vào từng đoạn code bạn chỉ cần đọc là hiểu thôi, cơ bản là sẽ lắng nghe sự kiện khi người dùng click vào DatePicker và TimePicker , chúng ta sẽ lấy ra được các thời gian đã thay đổi.

Chi tiết hơn bạn xem video hướng dẫn bên dưới nhé, và có thể sử dung github để clone source code về xem nha.Nếu có thắc mắc hay ý kiến gì xin cứ để lại comment cho mình.

Video hướng dẫn sử dụng TimePicker và DatePicker

Tải source code


Chúc các bạn thành công!

Tiếp theo

Bài 15: DatePicker, TimePicker
5 (100%) 1 vote

Add Comment