一、ListView的简单用法

2. 训练目标

1) 掌握 ListView 控件的使用

2) 掌握 Adapter 桥梁的作用

实现步骤:

1)首先新建一个项目, 并让ADT 自动帮我们创建好活动。然后修改activity_main.xml 中的代码,如下所示:


1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3. xmlns:tools="http://schemas.android.com/tools"  
4. android:id="@+id/activity_main"  
5. android:layout_width="match_parent"  
6. android:layout_height="match_parent"  
7. tools:context="cn.edu.bu.a13lab07.MainActivity">  
8.   
9. <ListView  
10. android:layout_width="match_parent"  
11. android:layout_height="match_parent"  
12. android:id="@+id/list_view"  
13. >  
14. </ListView>  
15. </LinearLayout>

在布局中加入ListView 控件,并为ListView 指定了一个id 设置成match_parent 占满整个空间

2)在MainActivity 中

 

1. public class MainActivity extends Activity {    
2. private String[] data = { "Apple", "Banana", "Orange", "Watermelon",    
3. "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango" };    
4. @Override    
5. protected void onCreate(Bundle savedInstanceState) {    
6. super.onCreate(savedInstanceState);    
7. setContentView(R.layout.activity_main);    
8. ArrayAdapter<String> adapter = new ArrayAdapter<String>(    
9. MainActivity.this, android.R.layout.simple_list_item_1, data);    
10. ListView listView = (ListView) findViewById(R.id.list_view);    
11. listView.setAdapter(adapter);    
12. }    
13. }

(1)、在这里我运用了系统包含的一个TextView的布局文件:android.R.layout.simple_expandable_list_item_1,调用这个比较方便,

(2)、ArrayAdapter<String> adapter = new ArrayAdapter<String>(  MainActivity.this, android.R.layout.simple_list_item_1, data);  的意思是:创建一个数组适配器的代码,里面有三个参数,第一个参数是上下文,就是当前的Activity, 第二个参数是android sdk中自己内置的一个布局,它里面只有一个TextView,这个参数是表明我们数组中每一条数据的布局是这个view,就是将每一条数据都显示在这个 view上面;第三个参数就是我们要显示的数据。listView会根据这三个参数,遍历data里面的每一条数据,读出一条,显示到第二 个参数对应的布局中,这样就形成了我们看到的listView.

(3)、ArrayAdapter是BaseAdapter的子类

3)运行效果图:

android listview 菜单 安卓listview用法_android

二、定制ListView界面

 

 

1.训练目标

1) 掌握 ListView 控件的使用

2) 掌握如何自定义 Adapter 的使用

2. 主要参考步骤及代码

1) 定义一个实体类 Fruit,作为 ListView 适配器的适配类型。

2) 为 ListView 的子项指定一个我们自定义的布局 fruit_item.xml。

3) 创建一个自定义的适配器 FruitAdapter,这个适配器继承自 ArrayAdapter。重写构造方法和 getView 方法。

4)在MainActivity中编写,初始化水果数据

1、定义一个实体类Fruit

 

1. package cn.edu.bu.a13lab07;  
2.   
3. /** 
4.  * Created by lw on 2017/4/14. 
5.  */  
6.   
7. public class Fruit {  
8. private String name;  
9. private int imageId;  
10.   
11. public Fruit(String name, int imageId) {  
12. this.name = name;  
13. this.imageId = imageId;  
14.     }  
15.   
16. public String getName() {  
17. return name;  
18.     }  
19.   
20. public int getImageId() {  
21. return imageId;  
22.     }  
23. }

2、为 ListView 的子项指定一个我们自定义的布局 fruit_item.xml。

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3. android:layout_width="match_parent"  
4. android:layout_height="match_parent">  
5. <ImageView  
6. android:id="@+id/fruit_image"  
7. android:layout_width="wrap_content"  
8. android:layout_height="wrap_content" />  
9.   
10. <TextView  
11. android:id="@+id/fruit_name"  
12. android:layout_width="wrap_content"  
13. android:layout_height="wrap_content"  
14. android:layout_gravity="center"  
15. android:layout_marginLeft="10dip" />  
16. </LinearLayout>

3、创建一个自定义的适配器 FruitAdapter,这个适配器继承自 ArrayAdapter。重写构造方法和 getView 方法。

1. package cn.edu.bu.a13lab07;  
2.   
3. import android.content.Context;  
4. import android.view.LayoutInflater;  
5. import android.view.View;  
6. import android.view.ViewGroup;  
7. import android.widget.ArrayAdapter;  
8. import android.widget.ImageView;  
9. import android.widget.TextView;  
10.   
11. import java.util.List;  
12.   
13. /** 
14.  * Created by lw on 2017/4/14. 
15.  */  
16.   
17. public class FruitAdapter extends ArrayAdapter{  
18. private final int resourceId;  
19.   
20. public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects) {  
21. super(context, textViewResourceId, objects);  
22.         resourceId = textViewResourceId;  
23.     }  
24. @Override  
25. public View getView(int position, View convertView, ViewGroup parent) {  
26. // 获取当前项的Fruit实例  
27. null);//实例化一个对象  
28. //获取该布局内的图片视图  
29. //获取该布局内的文本视图  
30. //为图片视图设置图片资源  
31. //为文本视图设置文本内容  
32. return view;  
33.     }  
34. }
View view = LayoutInflater.from(getContext()).inflate(resourceId, null);使用Inflater对象来将布局文件解析成一个View

 

4、在MainActivity中编写,初始化水果数据

 

1. package cn.edu.bu.a13lab07;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.widget.ArrayAdapter;  
6. import android.widget.ListView;  
7.   
8. import java.util.ArrayList;  
9. import java.util.List;  
10.   
11.   
12. public class MainActivity extends Activity {  
13. private List<Fruit> fruitList = new ArrayList<Fruit>();  
14.   
15. @Override  
16. protected void onCreate(Bundle savedInstanceState) {  
17. super.onCreate(savedInstanceState);  
18.         setContentView(R.layout.activity_main);  
19. // 初始化水果数据  
20. new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList);  
21.         ListView listView = (ListView) findViewById(R.id.list_view);  
22.         listView.setAdapter(adapter);  
23.     }  
24.   
25. private void initFruits() {  
26. new Fruit("Apple", R.drawable.apple_pic);  
27.         fruitList.add(apple);  
28. new Fruit("Banana", R.drawable.banana_pic);  
29.         fruitList.add(banana);  
30. new Fruit("Orange", R.drawable.orange_pic);  
31.         fruitList.add(orange);  
32. new Fruit("Watermelon", R.drawable.watermelon_pic);  
33.         fruitList.add(watermelon);  
34. new Fruit("Pear", R.drawable.pear_pic);  
35.         fruitList.add(pear);  
36. new Fruit("Grape", R.drawable.grape_pic);  
37.         fruitList.add(grape);  
38. new Fruit("Pineapple", R.drawable.pineapple_pic);  
39.         fruitList.add(pineapple);  
40. new Fruit("Strawberry", R.drawable.strawberry_pic);  
41.         fruitList.add(strawberry);  
42. new Fruit("Cherry", R.drawable.cherry_pic);  
43.         fruitList.add(cherry);  
44. new Fruit("Mango", R.drawable.mango_pic);  
45.         fruitList.add(mango);  
46.     }  
47. }

5、运行效果图

android listview 菜单 安卓listview用法_java_02

这样一个简单的ListView界面就完成了