Android spinner 的使用

本篇构造spiner使用了两种方式，一种是默认的视图一种是自定义的视图

这里放两张效果图

因为这是项目直接截图，可能有些没用的代码，大家看有用的吧

1：默认的模式

这是activity_main.xml

<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:orientation="vertical"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </Spinner>
</LinearLayout>

这是MainActivity

package com.centaur.uiset;


import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity  {
    private Spinner mspinner;
    private  String[] mDatas;
    private List<SpinnerItemData> mDatasList= new ArrayList<SpinnerItemData>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mspinner = (Spinner) findViewById(R.id.spinner);
        initSpinner();
    }
    private void initSpinner() {
        //建立数据源
        mDatas = getResources().getStringArray(R.array.label);
        //构建适配器
        ArrayAdapter<String>  madapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,mDatas);
        //绑定适配器
        mspinner.setAdapter(madapter);
    }
}

那么能简单就能实现一个默认的视图效果

2：自定义视图，我这里用用了一个图像和一个行文字

这是我的自定义视图spinneritem.xml

</pre><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="match_parent"
        android:background="#ff6b6b6b"
        android:layout_height="1px"></LinearLayout>
    <LinearLayout
        android:paddingRight="13dp"
        android:paddingLeft="40dp"
        android:paddingTop="4dp"
        android:paddingBottom="4dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/spinnerimageview"
            android:layout_width="40dp"
            android:layout_height="40dp" />
        <TextView
            android:id="@+id/spinnertextview"
            android:text="编程"
            android:textSize="20sp"
            android:layout_marginLeft="40dp"
            android:layout_gravity="center_vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </LinearLayout>

</LinearLayout>

在这里我构造了一个SpinnerAdapter 继承了BaseAdapter 

这里这个写的还算规范，欢迎大家指正

package com.centaur.uiset;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by Tianchaoxiong on 2015/5/10.
 */
public class SpinnerAdapter extends BaseAdapter {
    private LayoutInflater mInflater;
    private List<SpinnerItemData> mdatas;
    private Context mContext;
    public SpinnerAdapter(Context mContext,List<SpinnerItemData> mdatas){
        this.mInflater = LayoutInflater.from(mContext);
        this.mContext =mContext;
        this.mdatas = mdatas;
    }
    @Override
    public int getCount() {
        return mdatas.size();
    }

    @Override
    public Object getItem(int position) {
        return mdatas.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        ///View view = null;
        SpinnerItemData spinnerItemData = mdatas.get(position);
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.spinneritem, null);

            holder = new ViewHolder();
            /*得到各个控件的对象*/
            holder.mImageView = (ImageView) convertView.findViewById(R.id.spinnerimageview);
            holder.mTextView = (TextView) convertView.findViewById(R.id.spinnertextview);
            convertView.setTag(holder);//绑定ViewHolder对象
        }
        else {
            holder = (ViewHolder) convertView.getTag();//取出ViewHolder对象
        }
          /*设置TextView显示的内容，即我们存放在动态数组中的数据*/
        holder.mImageView.setImageResource(spinnerItemData.getImage());
        holder.mTextView.setText(spinnerItemData.getLebel());
        return convertView;
    }
    /*存放控件*/
    public final class ViewHolder{
        public ImageView mImageView;
        public TextView mTextView;
    }
}

最后就是主视图了

package com.centaur.uiset;


import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity  {
    private Spinner mspinner;
    private  String[] mDatas;
    private List<SpinnerItemData> mDatasList= new ArrayList<SpinnerItemData>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mspinner = (Spinner) findViewById(R.id.spinner);
        //建立数据源
        initDatas();
        //构建适配器
        SpinnerAdapter adapter = new SpinnerAdapter(MainActivity.this,mDatasList);
        //绑定适配器
        mspinner.setAdapter(adapter);

        //initSpinner();

    }

    private void initDatas() {
        //拿到text内容
        mDatas = getResources().getStringArray(R.array.label);
        //拿到image内容
        for(int i = 0; i<26;i++){
            int tmp = i+'a';
            String str = "label"+(char)tmp;
            int imageId = getResources().getIdentifier(str, "raw", getPackageName());
            SpinnerItemData spinnerItemData = new SpinnerItemData(imageId,mDatas[i]);
            mDatasList.add(spinnerItemData);
        }
    }

    private void initSpinner() {
        //建立数据源
        mDatas = getResources().getStringArray(R.array.label);
        //构建适配器
        ArrayAdapter<String>  madapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,mDatas);
        //绑定适配器
        mspinner.setAdapter(madapter);
    }


}

欢迎指正。。。