Bắt sự kiện cho Button và hiện thị lên ListView trong Android (Bài 1 - Thực hành )

Chào các bạn !
Hôm này Hải Lâm It sẽ hưỡng dẫn cho các bạn bắt sự kiện cho nút Button và hiển thị trên ListView

Bước 1: Tạo ra một Project TestButtonListView (Cách tạo thì các bạn biết rồi đúng không ? mình không nói cái này nhé ! )

Bước 2: Trong thư mục Layout/activity_main.xml mình tạo ra một nút Button như sau:

1. <Button
2. android:id="@+id/btnOk"
3. android:layout_width="wrap_content"
4.  android:layout_height="wrap_content"
5. android:text="Click ListView" />

Bước 3: Tạo thêm một file Layout/activity_contact_list_view.xml và tạo ra một tiêu đề bằng TextView Và một ListView  và setup cho nó như sau:

1. <TextView
2.         android:layout_width="wrap_content"
3.         android:layout_height="wrap_content"
4.         android:textsize="16dp" // Cỡ chữ
5.         android:text="List Contact: "
6.         android:textColor="#00f00f" /> // Màu chữ
7. 
   
8.     <ListView
9.         android:id="@+id/lstContact"
10.         android:layout_width="match_parent"
11.         android:layout_height="wrap_content" >
12.     </ListView>

Bước 4: Rồi quay lên file java src/MainActivity.java mình bắt sự kiện cho Button như sau:

1. private Button btn_ok;
2. private void init(){
3. btn_ok = (Button) findViewById(R.id.btnOk);
4. btn_ok.setOnClickListener(new OnClickListener() {
5. @Override
6. public void onClick(View v) {
7. Intent intent = new Intent(MainActivity.this, ContactListView.class);
8. startActivity(intent);
9. }
10. });
12. }

Bước 5: Tạo thêm một file trong rsc/ContactListView.java ở file này ta làm như sau:

1. private ListView lst_Contact; // khai báo biến của list view sau đó tạo ra một mảng kiểu chuỗi
2. private String [] DataContactName = {
   "Blog Hai Lam IT 1" , "Chia se Va ket noi 1 ", "Blog Hai Lam IT 2" , "Chia se Va ket noi 2 ",
   "Blog Hai Lam IT 1" , "Chia se Va ket noi 1 ", "Blog Hai Lam IT 2" , "Chia se Va ket noi 2 ",
   "Blog Hai Lam IT 1" , "Chia se Va ket noi 1 ", "Blog Hai Lam IT 2" , "Chia se Va ket noi 2 ",
   "Blog Hai Lam IT 1" , "Chia se Va ket noi 1 ", "Blog Hai Lam IT 2" , "Chia se Va ket noi 2 ",
   "Blog Hai Lam IT 1" , "Chia se Va ket noi 1 ", "Blog Hai Lam IT 2" , "Chia se Va ket noi 2 ",
   "Blog Hai Lam IT 1" , "Chia se Va ket noi 1 ", "Blog Hai Lam IT 2" , "Chia se Va ket noi 2 ",
   };
3. //Tạo phương thức kiểu void
4. private void init(){
5. lst_Contact = (ListView) findViewById(R.id.lstContact);
6. lst_Contact.setAdapter(new MyListAdapter());
8. }
9. //Tạo ra một Class  để kế thừa BaseAdapter
10. class MyListAdapter extends BaseAdapter{
11. 
    
12. @Override
13. public int getCount() {
14. return DataContactName.length;
15. }
16. 
    
17. @Override
18. public Object getItem(int hailamit) {
19. return null;
20. }
21. 
    
22. @Override
23. public long getItemId(int hailamit) {
24. return 0;
25. }
26. @Override
27. public View getView(int hailamit, View arg1, ViewGroup arg2) {
28. TextView textView=new TextView(ContactListView.this);
29. textView.setText(DataContactName[hailamit]);
30. return textView;
31. }
33. }

Bước 6:  trong phương thức OnCreate các bạn phải khai báo phương thức init();  thì mới chạy được nhé !

1. @Override
2. protected void onCreate(Bundle savedInstanceState) {
3. super.onCreate(savedInstanceState);
4. setContentView(R.layout.activity_contact_list_view);
5. init();
6. }

 Ok ! Các bạn chạy xem !

Có vấn để lỗi gì các bạn cứ comment và đây mình sẽ giúp các bạn ! nếu không hiểu thì lần sau mình sẽ làm clip cho các bạn dễ hình dung hơn ! vì Văn kém nên mình không truyền đạt được cho các bạn hiểu ! có chỗ nào sai sót thì xin bỏ qua nhé !

>> Bài tiếp theo mình sẽ hưỡng dẫn các bạn viết một Contact gồm có Ảnh, tên và số điện thoại ! Hẹn gặp lại các bạn trong bài tiếp theo nhé !

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