Android—ListView

xiaoxiao2022-06-25 209

ListView 的简单用法

activity_main.xml

MainActivity.java

public class MainActivity extends AppCompatActivity { private String[] data = {"apple", "banana", "orange", "watermelon"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, data); ListView listView = (ListView) findViewById(R.id.list_view); listView.setAdapter(adapter); } }

数组中的数据是无法直接传递给 ListView 的，还需要借助适配器来完成。

ArrayAdapter 通过泛型来指定要适配的数据类型，然后在构造函数中依次传入上下文、ListView 子项布局的 id，以及要适配的数据。

还需要调用 ListView 的 setAdapter() 方法，将构建好的适配器对象传递进去，这样 ListView 和数据之间的关联就建立完成了。

定制 ListView 的界面

1.准备一组图片，分别对应上面提供的每一种水果，要让水果名称的旁边都有一个图样

2.定义一个实体类，作为 ListView 适配器的适配类型。新建类 Fruit，代码如下：

public class Fruit { // 水果的名字 private String name; // 水果对应图片的资源 id private int imageId; public Fruit(String name, int imageId){ this.name = name; this.imageId = imageId; } public String getName() { return name; } public int getImageId() { return imageId; } }

3. 为 ListView 的子项指定一个自定义的布局，在 layout 目录下新建 fruit_item.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_parent"> <ImageView android:id="@+id/fruit_image" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:id="@+id/fruit_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="10dp" /> </LinearLayout>

在这个布局中， ImageView 显示水果的图片，TextView 显示水果的名称，并让 TextView 在垂直方向上居中显示。

4.创建一个自定义的适配器，继承自 ArrayAdapter，并将泛型指定为 Fruit 类。新建类 FruitAdapter，代码如下：

public class FruitAdapter extends ArrayAdapter<Fruit> { private int resourceId; public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects) { super(context, textViewResourceId, objects); resourceId = textViewResourceId; } @Override public View getView(int position, View convertView, ViewGroup parent) { Fruit fruit = getItem(position); View view = LayoutInflater.from(getContext()).inflate(resourceId, parent, false); ImageView fruitImage = (ImageView) view.findViewById(R.id.fruit_image); TextView fruitName = (TextView) view.findViewById(R.id.fruit_name); fruitImage.setImageResource(fruit.getImageId()); fruitName.setText(fruit.getName()); return view; } }

FruitAdapter 重写了父类的一组构造函数，用于将上下文、ListView 子项布局的 id 和数据都传递进来。

重写了 getView() 方法，这个方法在每个子项被滚动到屏幕内的时候会被调用。①通过 getItem() 方法得到当前项的 Fruit 实例，②使用 LayoutInflater 来为这个子项加载我们传入的布局。

LayoutInflater 的 inflate()方法接收3个参数，3-false 表示只让我们在父布局中声明的 layout 属性生效，但不为这个 View 添加父布局，因为一旦 View 有了父布局之后，就不能添加到 ListView 中了。

接下来调用 View 的 findViewById() 方法分别获取到 ImageView 和 TextView 实例，并分别调用它们的 setImageResource() 和 setText() 方法来设置显示的图片和文字，最后将布局返回，这样自定义的适配器就完成了。

5. 修改 MainActivity 中的代码：

public class MainActivity extends AppCompatActivity { private List<Fruit> fruitList = new ArrayList<>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initFruits(); FruitAdapter adapter = new FruitAdapter(MainActivity.this, R.layout.fruit_item, fruitList); ListView listView = (ListView) findViewById(R.id.list_view); listView.setAdapter(adapter); } private void initFruits(){ for(int i = 0; i < 2; i++){ Fruit apple = new Fruit("apple", R.drawable.apple_pic); fruitList.add(apple); Fruit banana = new Fruit("banana", R.drawable.banana_pic); fruitList.add(banana); Fruit orange = new Fruit("orange", R.drawable.orange_pic); fruitList.add(orange); Fruit watermelon = new Fruit("watermelon", R.drawable.watermelon_pic); fruitList.add(watermelon); } } }

initFruit() 方法，用于初始化所有的水果数据。在 Fruit 类中的构造函数中将水果的名字和对应的的图片 id 传入，然后把创建好的对象添加到水果列表中。另外使用了for循环将数据添加了两遍从而可以充满整个屏幕。接着在 onCreate() 方法中创建了 FruitAdapter 对象，并将 FruitAdapter 作为适配器传递给 ListView。

专利

最新回复(0)