androidinflate详解(androidlistview的用法)
犹豫了几天,觉得还是把这个教程写一下吧。虽然在网上已经一大堆了,但是这是我学习的历程我觉得我还是该记录下来,以后也可以温故而知新。
ListView在Android众多控件中占有比较重要的地位,也是面试官热爱提问的控件之一,特别是关于它的性能优化。这一块我想着把它留到最后再说,我们先来谈谈ListView的简单应用,毕竟什么东西都是由浅入深的嘛。
首先我们要先创建一个项目,打开Android studio点击File—New—New Project创建一个名为ListViewTest的项目。接着找到res—layout文件夹下的activity_main.xml,打开它并且在里面添加ListView控件如下:
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
此时你如果运行项目你会发现里面什么都没有,和刚开始创建的这个项目时没多大区别,因为我们还没有往里面添加数据并且在View中实现它。所以我们回到MainActivity这个类里面通过findViewById()这个方法找到这个控件并且实现。我们先定义一个名为data的一维字符串数组,用来存放我们的假数据。然后通过新建一个ArrayAdapter并根据要求配置它,再Adapte通过setAdapter给ListView,代码如下:
private String data[] = {"aa","bb","cc","dd","aa","bb","cc","dd","aa","bb","cc","dd","aa","bb","cc","dd"};//假数据
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView listView = (ListView) findViewById(R.id.listview);//在视图中找到ListView
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,data);//新建并配置ArrayAapeter
listView.setAdapter(adapter);
}
点击运行项目你就能看到一个简单的ListView:
现在看到了界面了但是离我们的预想还是有点差距,我们希望的是除了能看还能点击响应某些事件,因此我们再为它添加一个监听点击的方法。代码如下:
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
switch (i){
case 0:
Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
break;//当我们点击某一项就能吐司我们点了哪一项
case 1:
Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
break;
case 2:
Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
break;
case 3:
Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
break;
case 4:
Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
break;
}
}
});
这里我就给了5项Item做了响应,当然也可以让每一项都有响应的,有兴趣自己可以去尝试。这样一个非常简单的ListView就完成了,接下来我们来深入一点点。
现在我们要定制一个有图片有文字有选择框的ListView,怎么做呢?第一个我们肯定要把数据改一下,但是我们肯定不可能说把数组data改成二维数据就可以的,因为图片不是字符串的形式啊。那要包含字符串又能包含图片的数据格式有什么呢?这时Bean类就出现了,我们可以把这些数据封装到一个Bean类里面啊,当我们需要的时候就直接拿出来就好。说做就做然后我们定义一个myBean类,代码如下:
public class myBean {
private String text;//用来放文字的
private int ImageID;//用来放图片的
public myBean(String text,int imageID){
this.ImageID = imageID;
this.text = text;
}
public String getText() {
return text;
}
public void setText(String text) {
this.text = text;
}
public int getImageID() {
return ImageID;
}
public void setImageID(int imageID) {
ImageID = imageID;
} }
然后我们就可以通过初始化不断的New一个一个的数据了,但是我们怎么放进ListView里面呢?因为我们刚才用的是系统的ArrayAdapter来适配到ListView的,我们甚至连要适配的XML的界面都没。那我们先去做个我们要适配的界面去看看,于是:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/ll_view"
android:gravity="center"
android:layout_margin="10dp"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:background="@mipmap/ic_launcher"
android:id="@+id/headimage"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_marginLeft="20dp"
android:layout_weight="1"
android:text="你是SB"
android:id="@+id/headtext"
android:layout_width="0dp"
android:layout_height="wrap_content" />
<RadioGroup
android:id="@+id/radioBtn"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<RadioButton
android:text="打他"
android:id="@+id/radio2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RadioButton
android:text="不打"
android:id="@+id/radio1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RadioGroup>
</LinearLayout>
</LinearLayout>
于是我们把之前的R.layout.simple_list_item_1这XML换成我们直接做的,运行程序你就会发现程序崩了。哈哈,不要紧这是正常的因为我们传入的数据都没用适配到我们的界面上。所以我们就只能自己写过一个适配器来适配我们自己的数据。
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,data);
适配器代码如下:
public class myAdapter extends ArrayAdapter {
private final int ImageId;
private String radiotext;
public myAdapter(Context context, int headImage, List<myBean> obj){
super(context,headImage,obj);
ImageId = headImage;//这个是传入我们自己定义的界面
}
@NonNull
@Override
public View getView(final int position, @Nullable View convertView, @NonNull ViewGroup parent) {
myBean myBean = (myBean) getItem(position);
View view = LayoutInflater.from(getContext()).inflate(ImageId,parent,null);//这个是实例化一个我们自己写的界面Item
LinearLayout linearLayout = view.findViewById(R.id.ll_view);
ImageView headImage = view.findViewById(R.id.headimage);
TextView headText = view.findViewById(R.id.headtext);
RadioGroup radio = view.findViewById(R.id.radioBtn);
headImage.setImageResource(myBean.getImageID());
headText.setText(myBean.getText());
radio.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {//检查Radio Button那个被点击了
@Override
public void onCheckedChanged(RadioGroup radioGroup, @IdRes int i) {
switch (i){
case R.id.radio1:
radiotext = "不打";
break;
case R.id.radio2:
radiotext = "打他";
break;
}
}
});
linearLayout.setOnClickListener(new View.OnClickListener() {//检查哪一项被点击了
@Override
public void onClick(View view) {
Toast.makeText(getContext(),"你点击了第"+position+"项"+"你选择"+radiotext,Toast.LENGTH_SHORT).show();
}
});
return view;
}}
现在适配器也写好了,你看定制ListView的2个步骤是不是就这样就被我们解决了,然后我们就差适配了。接下来我们来做一下适配:
public class MainActivity extends AppCompatActivity {
private List<myBean> myBeanList = new ArrayList<>();//用来存放数据的数组
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView listView = (ListView) findViewById(R.id.listview);
init();
myAdapter adapter = new myAdapter(MainActivity.this,R.layout.myitem,myBeanList);
listView.setAdapter(adapter);
}
private void init(){//初始化数据
myBean bean1 = new myBean("aa",R.mipmap.ic_launcher);
myBeanList.add(bean1);
myBean bean2 = new myBean("ss",R.mipmap.ic_launcher);
myBeanList.add(bean2);
myBean bean3 = new myBean("jj",R.mipmap.ic_launcher);
myBeanList.add(bean3);
myBean bean4 = new myBean("hh",R.mipmap.ic_launcher);
myBeanList.add(bean4);
myBean bean5 = new myBean("dd",R.mipmap.ic_launcher);
myBeanList.add(bean5);
myBean bean6 = new myBean("cc",R.mipmap.ic_launcher);
myBeanList.add(bean6);
myBean bean7 = new myBean("bb",R.mipmap.ic_launcher);
myBeanList.add(bean7);
myBean bean8 = new myBean("jj",R.mipmap.ic_launcher);
myBeanList.add(bean8);
myBean bean9 = new myBean("kk",R.mipmap.ic_launcher);
myBeanList.add(bean9);
}
做到这里我想大家都几乎初步掌握了怎么定制ListView了吧?哦对了!我在写适配器的时候顺便把监听事件写进去了,当然在主类写也是可以的,但是不建议这样做。至于为什么?你自己试试就知道了,因为纸上得来终觉浅嘛。
最后上一张效果图吧:
发现有好多BUG呢!不过那都不是事,毕竟没有哪个APP是没有BUG的是不是?