- UID
- 750606
- 积分
- 1316
- 精华
- 贡献
-
- 威望
-
- 活跃度
-
- D豆
-
- 在线时间
- 小时
- 注册时间
- 2015-6-1
- 最后登录
- 1970-1-1
|
发表于 2020-4-7 12:07:49
|
显示全部楼层
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了吧？哦对了！我在写适配器的时候顺便把监听事件写进去了，当然在主类写也是可以的，但是不建议这样做。至于为什么？你自己试试就知道了，因为纸上得来终觉浅嘛。
————————————————
版权声明：本文为CSDN博主「木之泪」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_406 ... le/details/80660780 |
|
如果你在论坛求助问题，并且已经从坛友或者管理的回复中解决了问题，请把帖子标题加上【已解决】；
如何回报帮助你解决问题的坛友，一个好办法就是给对方加【D豆】，加分不会扣除自己的积分，做一个热心并受欢迎的人！
|申请友链|Archiver|手机版|小黑屋|辽公网安备|晓东CAD家园
( 辽ICP备15016793号 )
窥视卡
雷达卡
已领礼包: 
财富等级: 
提升卡
置顶卡
沉默卡
变色卡
千斤顶
