投稿
  1. 簡單一點首頁
  2. 投稿

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的簡單應用（一）

現在看到了界面了但是離我們的預想還是有點差距，我們希望的是除了能看還能點擊響應某些事件，因此我們再為它添加一個監聽點擊的方法。代碼如下：

    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了吧？哦對了！我在寫適配器的時候順便把監聽事件寫進去了，當然在主類寫也是可以的，但是不建議這樣做。至於為什麼？你自己試試就知道了，因為紙上得來終覺淺嘛。

最後上一張效果圖吧：

ListView的簡單應用（一）

發現有好多BUG呢！不過那都不是事，畢竟沒有哪個APP是沒有BUG的是不是？

原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/207656.html

贊 (0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
0 0
上一篇 2024-12-08 14:36
下一篇 2024-12-08 14:37

相關推薦

發表回復

登錄後才能評論