阅读 70

androidlistview的用法(androidinflate详解)

犹豫了几天,觉得还是把这个教程写一下吧。虽然在网上已经一大堆了,但是这是我学习的历程我觉得我还是该记录下来,以后也可以温故而知新。

ListView在Android众多控件中占有比较重要的地位,也是面试官热爱提问的控件之一,特别是关于它的性能优化。这一块我想着把它留到最后再说,我们先来谈谈ListView的简单应用,毕竟什么东西都是由浅入深的嘛。

首先我们要先创建一个项目,打开Android studio点击File—New—New Project创建一个名为ListViewTest的项目。接着找到res—layout文件夹下的activity_main.xml,打开它并且在里面添加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 adapter = new ArrayAdapter(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的界面都没。那我们先去做个我们要适配的界面去看看,于是:

    
    
  
     
    
  
      
    

于是我们把之前的R.layout.simple_list_item_1这XML换成我们直接做的,运行程序你就会发现程序崩了。哈哈,不要紧这是正常的因为我们传入的数据都没用适配到我们的界面上。所以我们就只能自己写过一个适配器来适配我们自己的数据。

ArrayAdapter adapter = new ArrayAdapter(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 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 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的是不是?

文章分类
百科问答
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐