THIẾT KẾ GIAO DIỆN TRÊN ANDROID Bài 5: PickersTabsSliding

33 162 0
THIẾT KẾ GIAO DIỆN TRÊN ANDROID  Bài 5: PickersTabsSliding

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

THIẾT KẾ GIAO DIỆN TRÊN ANDROID Bài 5: Pickers-TabsSliding Nội dung học Pickers Widget Tabs selector SlidingDrawer Pickers Widgets Date  Android cung cấp công cụ widgets (DatePicker, TimePicker) dialogs (DatePickerDialog, TimePickerDialog) để người dùng nhập hiển thị ngày, tháng  Trong DatePicker DatePickerDialog dùng để thiết lập ngày, tháng, năm Giá trị tháng chạy từ (January) đến 11(December)  Hai hàm sử dụng để gọi : OnDateChangedListener OnDateSetListener Pickers Widgets Time  Trong TimePicker TimePickerDialog dùng để thiết lập giờ, phút, giây Giá trị (từ 0-23) phút (0-59)  Có thể chọn hai dạng hiển thị 12-hour mode (AM/PM) 24-hour mode  Hai hàm sử dụng để xử lý thông tin người dùng thay đổi thông tin thời gian: OnTimeChangedListener OnTimeSetListener Pickers Widgets Tạo Time Picker  Để hiển thị TimePickerDialog sử dụng DialogFragment, cần định nghĩa lớp fragment, lớp kế thừa DialogFragment trả lại TimePickerDialog hàm onCreateDialog()  Để định nghĩa DialogFragment cho TimePickerDialog cần:  Định nghĩa hàm onCreateDialog() trả lại đối tượng TimePickerDialog  Thực gọi TimePickerDialog.OnTimeSetListener Pickers Widgets  Ví dụ kế thừa DialogFragment public static class TimePickerFragment extends DialogFragment implements TimePickerDialog.OnTimeSetListener { @Override public Dialog onCreateDialog(Bundle savedInstanceState) { // Use the current time as the default values for the picker final Calendar c = Calendar.getInstance(); int hour = c.get(Calendar.HOUR_OF_DAY); int minute = c.get(Calendar.MINUTE); // Create a new instance of TimePickerDialog and return it return new TimePickerDialog(getActivity(), this, hour, minute, DateFormat.is24HourFormat(getActivity())); } public void onTimeSet(TimePicker view, int hourOfDay, int minute) { // Do something with the time chosen by the user } } Pickers Widgets  Để sử dụng time picker, ta thực sau:  Thiết kế button có gọi hàm showTimeDialog sau:  Khi click vào button, hệ thống gọi hàm sau: public void showTimePickerDialog(View v) { DialogFragment newFragment = new TimePickerFragment(); newFragment.show(getSupportFragmentManager(), "timePicker"); } Pickers Widgets Tạo Date Picker  Để hiển thị DatePickerDialog sử dụng DialogFragment, cần định nghĩa lớp fragment, lớp kế thừa DialogFragment trả lại DatePickerDialog hàm onCreateDialog()  Để định nghĩa DialogFragment cho DatePickerDialog cần:  Định nghĩa hàm onCreateDialog() trả lại đối tượng DatePickerDialog  Thực lời gọi DatePickerDialog.OnDateSetListener Pickers Widgets  Ví dụ kế thừa DialogFragment public static class DatePickerFragment extends DialogFragment implements DatePickerDialog.OnDateSetListener { @Override public Dialog onCreateDialog(Bundle savedInstanceState) { // Use the current date as the default date in the picker final Calendar c = Calendar.getInstance(); int year = c.get(Calendar.YEAR); int month = c.get(Calendar.MONTH); int day = c.get(Calendar.DAY_OF_MONTH); // Create a new instance of DatePickerDialog and return it return new DatePickerDialog(getActivity(), this, year, month, day); } public void onDateSet(DatePicker view, int year, int month, int day) { // Do something with the date chosen by the user } } Pickers Widgets  Để sử dụng date picker, ta thực sau:  Thiết kế button có gọi hàm showDateDialog sau:  Khi click vào button, hệ thống gọi hàm sau: public void showDatePickerDialog(View v) { DialogFragment newFragment = new DatePickerFragment(); newFragment.show(getSupportFragmentManager(), "datePicker"); } Tab Selector Các thành phần Tab Selector gồm:  TabHost: Là Container chứa Tab buttons Tab contents  TabWidget: Để định dạng cho Tab buttons : Nhãn, Icon…  FrameLayout: Container để chứa layout cho Tab contents, ta dùng FrameLayout cho Tab contents, dùng loại Layout khác  Ví dụ sử dụng Tabs: Tab Selector Tab Selector /res/layout/screen2.xml

Ngày đăng: 06/03/2019, 09:33

Từ khóa liên quan

Mục lục

  • THIẾT KẾ GIAO DIỆN TRÊN ANDROID

  • Slide Number 2

  • Slide Number 3

  • Slide Number 4

  • Slide Number 5

  • Slide Number 6

  • Slide Number 7

  • Slide Number 8

  • Slide Number 9

  • Slide Number 10

  • Slide Number 11

  • Slide Number 12

  • Slide Number 13

  • Slide Number 14

  • Slide Number 15

  • Slide Number 16

  • Slide Number 17

  • Slide Number 18

  • Slide Number 19

  • Slide Number 20

  • Slide Number 21

  • Slide Number 22

  • Slide Number 23

  • Slide Number 24

  • Slide Number 25

  • Slide Number 26

  • Slide Number 27

  • Slide Number 28

  • Slide Number 29

  • Slide Number 30

  • Slide Number 31

  • Slide Number 32

  • Slide Number 33

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan