UI控件之ListView

时间:2023-08-16 22:15:53

一,一个简单的TextView列表

public class FirstActivity extends Activity {
private String[] data = {"Apple", "Banana", "Orange", "Watermelon",
"Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango","Apple", "Banana", "Orange", "Watermelon","Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango"}; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.first_layout);
ArrayAdapter<String> adapter = new ArrayAdapter<String>( //ArrayAdapter数组适配器
FirstActivity.this, android.R.layout.simple_list_item_1, data);
//第一个参数,上下文对象;第二个参数,一个官方的内置布局的id(这是一个TexView);第三个参数,传入的数据
ListView listView = (ListView) findViewById(R.id.ListView);
listView.setAdapter(adapter);
}
}

二,好玩的东西怎么可以只有Text View呢(来点复杂的)

1.新建一个用于存放水果的类

public class Fruit {
private String name;
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;
}
}

2.新建一个自定义的布局文件

用于描述布局方式,等待被调用

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"> <ImageView
android:id="@+id/fruit_image"
android:layout_width="50dp"
android:layout_height="50dp" /> <TextView
android:id="@+id/fruit_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>

3.自定义适配器,继承于ArrayAdapter,并重写getView方法

public class FruitAdapter extends ArrayAdapter<Fruit> {      //泛型指定为Fruit类,就像String也是一个类
private int resourceId;
//新建FruitAdapter()方法,参数一:上下文对象;参数二:布局文件的ID;参数三:传入的数据
public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
super(context,textViewResourceId,objects);
resourceId = textViewResourceId;
} @NonNull
@Override
//重写getView() 方法,这个方法在内容被加载之前会执行
public View getView(int position, View convertView, ViewGroup parent) {
Fruit fruit = getItem(position);//得到方法传入的Fruit实例
View view = LayoutInflater.from(getContext()).inflate(resourceId,null);//把构造器获取的id值传入view /*ListView的赋值*/
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;
}
}

注:在setText的时候不能用int类型数据。

4.在Activity引用的layout中添加<ListView>

    <ListView
android:id="@+id/ListView"
android:layout_width="match_parent"
android:layout_height="wrap_content"> </ListView>

5.在Activity中初始化数据并引用ListView

public class FirstActivity extends Activity {
private List<Fruit> fruitList = new ArrayList<Fruit>(); //创建数组适配器的对象fruitList,范型为<Fruit类>
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.first_layout);
initFruits(); //调用数据初始化函数
FruitAdapter adapter = new FruitAdapter(FirstActivity.this,R.layout.fruit_item,fruitList);
//对应的三个参数,上下文,id,适配器数据 /*对ListView设置自定义适配器的值*/
ListView listView = (ListView) findViewById(R.id.ListView);
listView.setAdapter(adapter);
} /*列表参数的值的传入和列表的添加*/
private void initFruits(){
Fruit apple = new Fruit("Apple",R.drawable.apple);
fruitList.add(apple);//一定记得要把对象添加进列表中
Fruit banana = new Fruit("banana",R.drawable.banane);
fruitList.add(banana);
Fruit grape = new Fruit("grape",R.drawable.grape);
fruitList.add(grape);
Fruit pear = new Fruit("pear",R.drawable.pear);
fruitList.add(pear);
Fruit watermelon = new Fruit("watermelon",R.drawable.watermelon);
fruitList.add(watermelon);
Fruit orange = new Fruit("orange",R.drawable.orange);
fruitList.add(orange);
}
}

二,ListView之优化

1:控件重用,减少重复加载

public View getView(int position, View convertView, ViewGroup parent) {
Music music = getItem(position);
View view;
if (convertView == null) {
//对应getView中的参数coverView,一个加载缓存布局的参数。如果没有加载好的布局,则使用LayoutInflater进行布局加载
view = LayoutInflater.from(getContext()).inflate(ResourceId, null);
}else {
view = convertView;//存在布局,则重载布局
}

2:虽然解决了加载次数,但仍旧每次加载都findViewById

ViewHolder在As加载中出现问题,暂未解决,后续更新优化问题,再研究研究。

三,添加点击事件,为ListView 添加setOnItemClickListener

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
MainList APP = mainList.get(position);//确定点击位置,返回值为点击类的的对象
if (APP.getImageId() == R.drawable.list_view_icon) {
Intent intent = new Intent(MainActivity.this,MyListView.class);
startActivity(intent);
}
}
});