天天看點
傳回

android spinner下拉框

下拉框其實自己很少用到，不過昨天因為寫界面時，自己用到了，當時忘記怎麼寫，是以在網上找了一下資料，做了一個自定義的下拉框。這裡，自己把所做的記錄一下，以免自己以後還需要到網上查找。

1.用android提供的spinner下拉框控件。

1.在布局裡添加一個spinner控件

<Spinner android:layout_width="match_parent"

    android:layout_height="wrap_content"

android:id="@+id/spinner2"

android:entries="@array/spingarr"

    />

2.對spinner的資料進行填入。

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <string-array name="spingarr">

     <item>北京</item> 

    <item>上海</item> 

    <item>廣州</item> 

    <item>深圳</item> 

    </string-array>

</resources>

這是在array資源檔案定義的數組，也就是android:entries="@array/spingarr”所引用到的數組。

效果：

android spinner下拉框

這是用資源檔案寫的，不能随意改動，如果用java代碼編寫，則可以随意修改spinner的内容。

布局檔案這樣寫：

<Spinner android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/spinner"

    />

package com.example.testspanner;

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.Spinner;

public class MainActivity extends Activity {

private Spinner spinner;

private List<String> data_list;

private ArrayAdapter<String> arr_adapter;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.spinner);

        spinner = (Spinner) findViewById(R.id.spinner);

        //資料

        data_list = new ArrayList<String>();

        data_list.add("北京");

        data_list.add("上海");

        data_list.add("廣州");

        data_list.add("深圳");

        //擴充卡

        arr_adapter= new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, data_list);

        //設定樣式

        arr_adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        //加載擴充卡

        spinner.setAdapter(arr_adapter);

    }

}

這個是完全通道android提供的控件，效果我自己覺得太難看了，是以在網上找了一個自定義的控件。

2。通過textView 與popwindow實作自定義的下拉框。

在布局檔案添加一個textView

<TextView
    android:id="@+id/mode"
    android:layout_width="0dp"
    android:layout_height="42dp"
    android:layout_weight="3"
    android:background="@drawable/shape_help_category_tv_bg"
    android:drawableRight="@drawable/icon_down"
    android:padding="10dp"
    android:textColor="@color/content_color"
    android:text="UID"
    android:layout_marginRight="2dp"
    />

右邊放的是下拉框所需的兩張圖檔，讓後點選時就在textView下彈出popwindow,讓後改變圖檔，當選中popwindow的内容時，textview設定選中的内容，并且改變圖檔。具體的代碼：

private void initSpiner() {
    data_list = new ArrayList<String>();
    data_list.add("UID");
    data_list.add("IP");

    mode.setOnClickListener(clickListener);
    mSpinerPopWindow = new SpinerPopWindow<String>(this, data_list,itemClickListener);
    mSpinerPopWindow.setOnDismissListener(dismissListener);

}

這個初始化了數組的資料，對textView設定了監聽clickListener，然後建立了一個popwindow,并且設定了點選的監聽itemClickListener和popwindow取消後的監聽dismissListener_edts.

/**
 * 監聽popupwindow取消
 */
private OnDismissListener  dismissListener=new OnDismissListener() {
    @Override
    public void onDismiss() {
        setTextImage(R.drawable.icon_down);
    }
};

    private AdapterView.OnItemClickListener itemClickListener = new AdapterView.OnItemClickListener() {

        @Override

        public void onItemClick(AdapterView<?> parent, View view, int position,long id) {

            mSpinerPopWindow.dismiss();

            mode.setText(data_list.get(position));

            if (mode.getText().toString().trim().equals("IP")){

               value=true;

                edtUID.setText("");

                lockUnlock(value);

            }else if (mode.getText().toString().trim().equals("UID")){

               value=false;

                edtIP.setText("");

                edtPort.setText("");

                lockUnlock(value);

            }

        }

    };

/**
 * 顯示PopupWindow
 */
private View.OnClickListener clickListener = new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.mode:
                mSpinerPopWindow.setWidth(mode.getWidth());
                mSpinerPopWindow.showAsDropDown(mode);
                setTextImage(R.drawable.icon_up);
                break;
            case R.id.edts:
                mSpinerPopWindow_edts.setWidth(edts.getWidth());
                mSpinerPopWindow_edts.showAsDropDown(edts);
                setTextImage_edts(R.drawable.icon_up);
                break;

        }
    }
};
      
/**
 * 給TextView右邊設定圖檔
 * @param resId
 */
private void setTextImage(int resId) {
    Drawable drawable = getResources().getDrawable(resId);
    drawable.setBounds(0, 0, drawable.getMinimumWidth(),drawable.getMinimumHeight());// 必須設定圖檔大小，否則不顯示
    mode.setCompoundDrawables(null, null, drawable, null);
}

這就是主activity的内容，讓後把popwindow的類顯示：

package com.zcloud.p2pviewcam.view;

import java.util.List;

import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.zcloud.p2pviewcam.R;


/**
 * �Զ���PopupWindow  ��Ҫ������ʾListView
 * @author Ansen
 * @param <T>
 * @param <T>
 * @create time 2015-11-3
 */
public class SpinerPopWindow<T> extends PopupWindow {
   private LayoutInflater inflater;
   private ListView mListView;
   private List<T> list;
   private MyAdapter  mAdapter;
   
   public SpinerPopWindow(Context context,List<T> list,OnItemClickListener clickListener) {
      super(context);
      inflater=LayoutInflater.from(context);
      this.list=list;
      init(clickListener);
   }
   
   private void init(OnItemClickListener clickListener){
      View view = inflater.inflate(R.layout.spiner_window_layout, null);
      setContentView(view);     
      setWidth(LayoutParams.WRAP_CONTENT);
      setHeight(LayoutParams.WRAP_CONTENT);
      setFocusable(true);
          ColorDrawable dw = new ColorDrawable(0x00);
      setBackgroundDrawable(dw);
      mListView = (ListView) view.findViewById(R.id.listview);
      mListView.setAdapter(mAdapter=new MyAdapter());
      mListView.setOnItemClickListener(clickListener);
   }
   
   private class MyAdapter extends BaseAdapter{
      @Override
      public int getCount() {
         return list.size();
      }

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

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

      @Override
      public View getView(int position, View convertView, ViewGroup parent) {
         ViewHolder holder=null;
         if(convertView==null){
            holder=new ViewHolder();
            convertView=inflater.inflate(R.layout.spiner_item_layout, null);
            holder.tvName=(TextView) convertView.findViewById(R.id.tv_name);
            convertView.setTag(holder);
         }else{
            holder=(ViewHolder) convertView.getTag();
         }
         holder.tvName.setText(getItem(position).toString());
         return convertView;
      }
   }
   
   private class ViewHolder{
      private TextView tvName;
   }
}

popwindow用到的布局spiner_window_layout，這個很簡單隻是一個listview.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:orientation="vertical">

    <ListView
        android:id="@+id/listview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:cacheColorHint="#00000000"
        android:background="@drawable/shape_popupwindow_list_bg"
        android:scrollbars="none" >
    </ListView>
</LinearLayout>

listview的item布局隻有一個textView，這也很簡單。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical">

    <TextView
        android:id="@+id/tv_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:text="fdsfdsfdsf"
        android:textColor="@color/content_color"
        android:textSize="15sp"/>

</LinearLayout>

這裡面有用到一些資源樣式檔案，我就不在寫出來了，如果報錯，可以删除樣式的定義，或者自己定義一些樣式。

這樣，一個自定義的下拉框就完成了。

就這麼簡單。



android android studio 控件 Spinner 界面
上一篇: 淺談Android下拉菜單Spinner
下一篇: Spinner背景、字型顔色

繼續閱讀