Bài giảng Phát triển ứng dụng trên thiết bị di động - Chương 6: Menu - Custom ListView - Lương Trần Hy Hiến

Nội dung text: Bài giảng Phát triển ứng dụng trên thiết bị di động - Chương 6: Menu - Custom ListView - Lương Trần Hy Hiến

1. Nguồn: T3H
2. 1. Menu . Options Menu . Context Menu . Popup Menu . Checkable Menu 2. Custom ListView
3. Dạng Widget chứa các chức năng phụ hoặc các tùy chỉnh dành riêng cho từng ứng dụng. Bao gồm 4 dạng cơ bản: . Option menu . Context menu . PopUp Menu
4. Option Menu: . Là Menu chính trong ứng dụng chứa các thao tác cơ bản cho một ứng dụng được gọi khi người dùng nhấn phím Menu. . Từ phiên bản Android 2.3 trở xuống, . thao tác gọi Menu được thực hiện . bằng phím Menu trên thiết bị.
5. Option Menu: . Từ phiên bản Android 3.0 trở đi Option Menu được tích hợp vào trong thanh Action Bar.
6. Tạo Option Menu từ XML:
7. Tham chiếu trong Java code qua hàm onCreateOptionMenu():
8. Xử lý sự kiện chọn trong OptionMenu:
9. Context Menu: . Dạng menu xuất hiện khi người dùng tương tác với các Item trên ViewGroup, thường là ListView hoặc GridView. . Bao gồm 2 dạng: ▪ Floating Context Menu: dạng menu hiển thị khi người dùng nhấn và giữ một item trên ViewGroup (giống như Dialog). ▪ Contextual Action Mode (API level 11): một thanh công cụ hiển thị phía trên ứng dụng cho phép người thực hiện nhiều thao tác khác nhau trên Item được lựa chọn, hoặc thực hiện một thao tác trên nhiều Item nếu ứng dụng có hổ trợ.
10. Context Menu:
11.  Khởi tạo Floating Context Menu ● Đăng ký đối tượng View sẽ sử dụng bằng phương thức registerForcontextMenu(View) ● Thực hiện override phương thức onCreateContextMenu()
12. Xử lý sự kiện trên Floating Context Menu bằng cách override phương thức onContextItemSelected()
13. Dạng menu hiển thị khi người dùng nhấn và giữ lâu trên một đối tượng.
14. Thực hiện khởi tạo Popup Menu cho một đối tượng: . Ví dụ gọi phương thức onClick từ một Button
15. Thực hiện khởi tạo Popup Menu cho một đối tượng: . Xử lý phương thức showPopup public void showPopup(View v) { PopupMenu popup = new PopupMenu(this, v); MenuInflater inflater = popup.getMenuInflater(); inflater.inflate(R.menu.actions, popup.getMenu()); popup.show(); }
16. Xử lý sự kiện khi chọn trên Popup Menu: @Override public boolean onMenuItemClick(MenuItem item) { switch (item.getItemId()) { case R.id.archive: archive(item); return true; case R.id.delete: delete(item); return true; default: return false; } }
17. Các dạng Menu hỗ trợ người đưa các lựa chọn:
18. Khai báo chế độ chọn cho Item trong XML:
19. Xử lý sự kiện chọn của Menu: @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.vibrate: case R.id.dont_vibrate: if (item.isChecked()) item.setChecked(false); else item.setChecked(true); return true; default: return super.onOptionsItemSelected(item); } }
20. 1. Tại sao phải tạo Custom Layout? 2. Cách sử dụng ImageView 3. Các bước thực hiện để tạo Custom Layout cho ListView 4. Hướng dẫn tạo lớp ArrayAdapter 20
21. Custom Layout là layout được tạo và tùy biến lại cho phù hợp với yêu cầu sử dụng. Minh họa sự khác nhau giữa ListView sử dụng layout bình thường và ListView có layout đã được tùy biến:
22. Tạo giao diện sử dụng ImageView: Chọn biểu tượng ImageView trong Palette Images & Media ImageView. Lấy ImageView đã tạo thông qua Id của nó: ImageView tenImageView=(ImageView)findViewById(R.id.idImageView); Đưa hình ảnh vào ImageView: tenImageView.setImageDrawable(R.drawable.tenHinh);  Chú ý: Ở đây, hình nằm trong thư mục res/drawable. Tên hình phải viết liền và chữ đầu tiên phải là chữ thường.
23. Sau khi đã có ListView trên giao diện, chúng ta có thể tạo Custom Layout cho ListView như sau: Bước 1: Tạo thêm một layout cho một item của ListView. Bước 2: Tạo lớp Custom Adapter kế thừa từ lớp ArrayAdapter. Bước 3: Tạo một lớp dùng để quản lý dữ liệu. Bước 4: Hiển thị dữ liệu lên ListView.
24. Lớp Custom ArrayAdapter kế thừa từ lớp ArrayAdapter public class CustomAdapter extends ArrayAdapter { public CustomAdapter(Context context, int resource, ArrayList objects) { super(context, resource, objects); } }
25.  Phương thức getView() @Override public View getView(int position, View convertView, ViewGroup parent){ View view = null; LayoutInflater inflater = (LayoutInflater) context.getSystemService (Context.LAYOUT_INFLATER_SERVICE); view = inflater.inflate(resId, null); //Lấy các điều khiển //Lấy nội dung cần hiển thị ở vị trí thứ position [Kiểu mảng] c = tenMang.get(position); if (c != null) { //Đưa thông tin lên TextView và hình lên ImageView textView.setText(c.getThongTin()); imageView.setImageResource(c.getImg_id()); } return view; }
26. Với các tham số: position: là vị trí của phần tử trong danh sách. convertView: dùng để lấy về các control của mỗi item. parent: chính là datasource được truyền vào từ MainActivity. Chú ý: View là dạng tham chiếu đối tượng, nên mọi sự thay đổi của các đối tượng bên trong View thì nó cũng biết sự thay đổi đó trả về view này, tức là trả luôn về các thông số mới mà ta vừa thay đổi.