ListView实现步骤:
1、初始化ListView
2、实现展示数据Item
3、实现ItemAdapter 继承自ArrayAdapter
4、实现自定义item界面 layout
5、关联 listView - ItemAdapter - listData
具体代码:
1、初始化ListView
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
2、实现展示数据Item
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;
}
}
3、实现ItemAdapter 继承自ArrayAdapter
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;
}
}
4、实现自定义item界面 layout
<?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="match_parent" />
<TextView
android:id="@+id/item_text"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp"
/>
</LinearLayout>
5、关联 listView -listItem- ItemAdapter - listData
private List<Item> list = new ArrayList <Item>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initList();
ItemAdapter itemAdapter = new ItemAdapter(MainActivity.this,R.layout.linear_item_layout,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);
}
}
问题点备注:
- 自定义ItemAdapter继承ArrayAdapter,需要实现构造方法和getView
2、getView中LayoutInflater和inflate
实际开发中LayoutInflater它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件,并且实例化;而findViewById()是找xml布局文件下的具体widget控件(如 Button、TextView等)。
具体作用:
2.1、对于一个没有被载入或者想要动态载入的界面,都需要使用LayoutInflater.inflate()来载入;
2.2、对于一个已经载入的界面,就可以使用Activiyt.findViewById()方法来获得其中的界面元素。
LayoutInflater 是一个抽象类, 获得 LayoutInflater 实例的三种方式:
- LayoutInflater inflater = getLayoutInflater(); //调用Activity的getLayoutInflater()
- LayoutInflater localinflater =(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
- LayoutInflater inflater = LayoutInflater.from(context);
2.3 、inflate 方法
通过 sdk 的 api 文档,可以知道该方法有以下几种过载形式,返回值均是 View 对象,如下:
public View inflate (int resource, ViewGroup root)
public View inflate (XmlPullParser parser, ViewGroup root)
public View inflate (XmlPullParser parser, ViewGroup root, boolean attachToRoot)
public View inflate (int resource, ViewGroup root, boolean attachToRoot)
1:
public View inflate (int resource, ViewGroup root)
reSource:View的layout的ID
root:如果为null,则将此View作为根,此时既可以应用此View中的其他控件了。
如果!null, 则将默认的layout作为View的根。
2:
public View inflate ( XmlPullParser parser, ViewGroup root)
parser:你需要解析xml的解析接口
root:如果null,则将此View作为根,此时既可以应用此View中的其他控件了。
如果!null, 则将默认的layout作为View的根。
3:
public View inflate ( XmlPullParser parser, ViewGroup root, boolean attachToRoot)
parser:你需要解析View的xml的解析接口
root:如果null,则将此View作为根,此时既可以应用此View中的其他控件了。
如果!null, 则将默认的layout作为View的根。
attachToRoot:
ture:也就将此解析的xml作为View根
fase:则为默认的xml,做为根视图View
4:
public View inflate (int resource, ViewGroup root, boolean attachToRoot)
resource:View的layout的ID
root:如果null,则将此View作为根,此时既可以应用此View中的其他控件了。
如果!null, 则将默认的layout作为View的根。
attachToRoot:
ture:也就将此解析的xml作为View根
fase:则为默认的xml,做为根视图View
更深层次的目前还理解不到。
参考文档:https://blog.csdn.net/robertcpp/article/details/51523218