Android中Spinner下拉式清單(使用ArrayAdapter和自訂Adapter實現),android自訂spinner

來源:互聯網
上載者:User

[轉]Android中Spinner下拉式清單(使用ArrayAdapter和自訂Adapter實現),android自訂spinner

   今天學習了Spinner組件,使用Spinner相當於從下拉式清單中選擇項目,下面示範一下Spinner的使用(分別使用ArrayAdapter和自訂Adapter實現)

(一):使用ArrayAdapter進行適配資料:

   ①:首先定義一個布局檔案:

 

 1 <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3     android:layout_width="fill_parent" 4     android:layout_height="fill_parent" 5     android:orientation="vertical" > 6   7     <Spinner 8         android:id="@+id/spinner1" 9         android:layout_width="match_parent"10         android:layout_height="wrap_content"11       />12 </LinearLayout></span>

 

  【注意:】上面的Spinner有兩個屬性1:prompt是初始的時候,Spinner顯示的資料,是一個參考型別   2:entries是直接在xml布局檔案中綁定資料來源(可以不設定,即可以在Activity中動態綁定) 

         ②:建立資料來源,使用數組,這些資料將會在Spinner下來列表中進行顯示:

 

1 <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>2 <resources>3     <string-array name="spinnername">4         <item>北京</item>5         <item>上海 </item>6         <item>廣州</item>7         <item>深圳</item>8     </string-array>9 </resources></span>

 

③:接著在Activity中加入如下的代碼(使用了系統定義的下拉式清單的布局檔案,當然也可以自訂)

 

 

 

 

       // 初始化控制項mSpinner = (Spinner) findViewById(R.id.spinner1);// 建立資料來源String[] mItems = getResources().getStringArray(R.array.spinnername);// 建立Adapter並且綁定資料來源ArrayAdapter<String> _Adapter=new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item, mItems);//綁定 Adapter到控制項mSpinner.setAdapter(_Adapter);

 

 

 

以上代碼初步完成,看下運行效果:

    下面是關於Spinner的點擊事件(如):

 

 

 

mSpinner.setOnItemSelectedListener(new OnItemSelectedListener() {    @Override    public void onItemSelected(AdapterView<?> parent, View view,            int position, long id) {        String str=parent.getItemAtPosition(position).toString();        Toast.makeText(SpinnerActivity.this, "你點擊的是:"+str, 2000).show();    }    @Override    public void onNothingSelected(AdapterView<?> parent) {        // TODO Auto-generated method stub    }});

 

(二)使用自訂的Adapter(重點)

           ①:定義每一個Item的布局檔案

 

 

<?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"    android:orientation="horizontal" >     <TextView        android:id="@+id/textView1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:drawableLeft="@drawable/ic_launcher"        android:paddingRight="8dip"        android:paddingTop="8dip"        android:text="TextView"        android:textSize="25sp" />     <TextView        android:id="@+id/textView2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:paddingLeft="8dip"        android:paddingTop="8dip"        android:text="TextView"        android:textSize="25sp" /> </LinearLayout>

 

②:建立Person類:

 

 

 1 package com.jiangqq.csdn; 2 public class Person { 3     private String personName; 4     private String personAddress; 5     public Person(String personName, String personAddress) { 6         super(); 7         this.personName = personName; 8         this.personAddress = personAddress; 9     }10     public String getPersonName() {11         return personName;12     }13     public void setPersonName(String personName) {14         this.personName = personName;15     }16     public String getPersonAddress() {17         return personAddress;18     }19     public void setPersonAddress(String personAddress) {20         this.personAddress = personAddress;21     }22  23 }

 

③:建立MyAdapter繼承與BaseAdapter,進行適配:

 

 

package com.jiangqq.csdn; import java.util.List;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView; /** * 自訂配接器類 * @author jiangqq  <a href=http://blog.csdn.net/jiangqq781931404></a> * */public class MyAdapter extends BaseAdapter {    private List<Person> mList;    private Context mContext;     public MyAdapter(Context pContext, List<Person> pList) {        this.mContext = pContext;        this.mList = pList;    }     @Override    public int getCount() {        return mList.size();    }     @Override    public Object getItem(int position) {        return mList.get(position);    }     @Override    public long getItemId(int position) {        return position;    }    /**     * 下面是重要代碼     */    @Override    public View getView(int position, View convertView, ViewGroup parent) {        LayoutInflater _LayoutInflater=LayoutInflater.from(mContext);        convertView=_LayoutInflater.inflate(R.layout.item, null);        if(convertView!=null)        {            TextView _TextView1=(TextView)convertView.findViewById(R.id.textView1);            TextView _TextView2=(TextView)convertView.findViewById(R.id.textView2);            _TextView1.setText(mList.get(position).getPersonName());            _TextView2.setText(mList.get(position).getPersonAddress());        }        return convertView;    }}

 

④:在Activity中加入如下代碼:

 

 

       // 初始化控制項mSpinner = (Spinner) findViewById(R.id.spinner1);// 建立資料來源List<Person>  persons=new ArrayList<Person>();persons.add(new Person("張三", "上海 "));persons.add(new Person("李四", "上海 "));persons.add(new Person("王五", "北京" ));persons.add(new Person("趙六", "廣州 "));//  建立Adapter綁定資料來源MyAdapter _MyAdapter=new MyAdapter(this, persons);//綁定AdaptermSpinner.setAdapter(_MyAdapter);

 

運行效果如下:

  

      監聽事件和第一種方法相同:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.