一个原始而简单的例子
首先,我们看下关于ListView的简单使用方式。我们现在想要在ListView中显示一些数据,可以首先在布局文件中添加一个ListView控件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.createchance.listviewtest.MainActivity">
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>
这里,我们使得添加的ListView的宽和高都和父控件相等,也就是占满整个屏幕。效果如下
pic1
ListView是以列表的形式显示大量数据的,因此我们需要事先将数据准备好,因此我们定义了data字符串数组,当然这些数据可以来自本地数据库或者来自网络都可以。但是,我们定义的字符串数组中的数据是不能直接给ListView显示的,需要借助适配器来完成。Android中提供可很多的适配器的实现类,其中使用的最多的就是ArrayAdapter。这个类通过泛型来提供各种数据类型的支持,然后在构造方法中将我们的数据传入,注意ArrayAdapter有很多的构造器重载,我们需要根据我们的需要进行选择。创建了ArrayAdapter对象只会,我们只要调用ListView的setAdapter来设置适配器就行了。
我们需要更丰富的形式
上面的的例子我们只是以一个列表的形式显示了一系列的字符串,这样做确实比较无聊,在实际开发中,我们需要更加丰富的表现形式,比如在字符串前面加上一个小图片。为了实现这个效果,我们需要定义一个新的类,这个类用来表示每个要显示的Item:
package com.createchance.listviewtest;
/**
* Created by baniel on 1/19/17.
*/
public class Item {
private String name;
private int imgId;
public Item(String name, int id) {
this.name = name;
this.imgId = id;
}
public String getName() {
return name;
}
public int getImgId() {
return imgId;
}
}
上面的这个类中,我们定义了一个name和imgId字段,分别表示每一个需要表示的项目的数据信息:标题字符串和图片id。
接下来,我们需要定义一个自定义的项目布局,这个布局中我们需要横向显示一个图片和一个标题文字:
<?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="match_parent">
<ImageView
android:id="@+id/item_img"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/item_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dp"/>
</LinearLayout>
接下来,我们创建一个自定义的适配器,继承自ArrayAdapter,并且泛型指定为我们之前定义的Item:
package com.createchance.listviewtest;
import android.content.Context;
import android.support.annotation.NonNull;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/**
* Created by baniel on 1/19/17.
*/
public class ItemAdapter extends ArrayAdapter<Item> {
private int layoutId;
public ItemAdapter(Context context, int layoutId, List<Item> list) {
super(context, layoutId, list);
this.layoutId = layoutId;
}
@NonNull
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Item item = getItem(position);
View view = LayoutInflater.from(getContext()).inflate(layoutId, parent, false);
ImageView imageView = (ImageView) view.findViewById(R.id.item_img);
TextView textView = (TextView) view.findViewById(R.id.item_text);
imageView.setImageResource(item.getImgId());
textView.setText(item.getName());
return view;
}
}
我们在getView方法中制定布局中的控件内容,而这些内容就在item对象中保存。现在我们需要修改MainActivity的代码:
public class MainActivity extends AppCompatActivity {
private List<Item> list = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initList();
ItemAdapter itemAdapter = new ItemAdapter(MainActivity.this, R.layout.item, list);
ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(itemAdapter);
}
private void initList() {
for (int i = 0; i < 100; i++) {
Item item = new Item("Item " + i, R.mipmap.ic_launcher);
list.add(item);
}
}
}
我们定义了initList方法来初始化我们的数据列表,并且在onCreate的时候调用。然后新建一个我们定义的ItemAdapter类的对象,然后我们将这个对象作为listview的Adapter,显示效果如下:
pic2这样的话,我们就实现了在item的前面显示一个图片了。那如果我们想要实现更加复杂的布局效果呢?其实我们只要修改上面的item.xml那个布局就可以了!
ListView的item点击事件
ListView的item点击事件还是比较简单的,主要分为短暂点击和长按,代码如下:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initList();
ItemAdapter itemAdapter = new ItemAdapter(MainActivity.this, R.layout.item, list);
final ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(itemAdapter);
// 短暂点击
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Item item = list.get(position);
Toast.makeText(MainActivity.this, "click " + item.getName(), Toast.LENGTH_SHORT).show();
}
});
// 长按点击
listView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
@Override
public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
Item item = list.get(position);
Toast.makeText(MainActivity.this, "long click " + item.getName(), Toast.LENGTH_SHORT).show();
return true;
}
});
}
总结
关于ListView的开发,基本就是这些内容。除了这些内容之外,还有一些边边角角的知识,这部分只要大家细心查看官方doc,并且编码实践一下就能明白。
另外,需要说明的,在当前的实际开发中,ListView的使用其实已经越来越少了,因为有一个更好用的控件可以替代它,那就是:RecyclerView。这个控件使用简单,效率较高,并且实现在support库中,在各个版本之间的兼容性比较好,建议大家使用这个控件实现。
————————————————
转载出处:https://blog.csdn.net/Baniel01/article/details/54616343
网友评论