android: spinner及setDropDownViewResource的使用及自定义Spinner样式

Spinner下拉列表

一般使用非常简单。直接上代码

1.布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eeeeee"
     android:orientation="vertical">
    <LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

        <RelativeLayout
            android:id="@+id/relativeLayout1"
            android:layout_width="fill_parent"
            android:layout_height="40dp"
            android:background="#3366CC"
            android:gravity="center" >


            <Spinner
                android:id="@+id/Title_Spinner"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true" />


        </RelativeLayout>
    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="TextView" />

    </RelativeLayout>

</LinearLayout>

2.Activity

public class MainActivity extends Activity {
    private Spinner mSpinner;
    private TextView mTextView;

    private List<String> listItem ;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        getViews();
        initSpinner();
    }

    private void initSpinner() {
        getData();
        ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_spinner_item,listItem);
        //setDropDownViewResource设置弹出样式
//        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        mSpinner.setAdapter(adapter);
    }
    private void getData(){
        listItem = new ArrayList<String>();
        for(int i=0;i<6;i++)
            listItem.add("item_"+i);
    }

    private void getViews() {
        mSpinner = (Spinner) findViewById(R.id.Title_Spinner);
        mTextView = (TextView) findViewById(R.id.textView1);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

}

使用adapter.setDropDownViewResource时效果是

 

不使用时效果：

接下来自定义Spinner样式

只需修改一下MainActivity.java

public class MainActivity extends Activity {
    private Spinner mSpinner;
    private TextView mTextView;

    private List<String> listItem ;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        getViews();
        initSpinner();
    }

    private void initSpinner() {
        getData();
        //使用自定义的Adapter
        MySpinnerAdapter adapter = new MySpinnerAdapter();
        mSpinner.setAdapter(adapter);
    }
    private void getData(){
        listItem = new ArrayList<String>();
        for(int i=0;i<6;i++)
            listItem.add("item_"+i);
    }

    private void getViews() {
        mSpinner = (Spinner) findViewById(R.id.Title_Spinner);
        mTextView = (TextView) findViewById(R.id.textView1);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
    
    /**
     * 自定义Adapter
     */
    class MySpinnerAdapter extends BaseAdapter{
        public MySpinnerAdapter() {
        }

        @Override
        public int getCount() {
            return listItem.size();
        }
        
        @Override
        public Object getItem(int position) {
            return listItem.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // 动态生成每个下拉项对应的View，每个下拉项View由LinearLayout
            // 中包含一个ImageView及一个TextView构成
            // 初始化LinearLayout
            LinearLayout ll = new LinearLayout(MainActivity.this);
            ll.setOrientation(LinearLayout.HORIZONTAL);
            // 初始化TextView
            TextView tv = new TextView(MainActivity.this);
            tv.setText(listItem.get(position));
            tv.setTextSize(18);
            tv.setTextColor(Color.LTGRAY);
            ll.addView(tv);
            return ll;
        }
        
    }
}

效果。 可以自己定义一些布局