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”所引用到的数组。

效果：

这是用资源文件写的，不能随意改动，如果用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);
    }
};

/**
     * popupwindow显示的ListView的item点击事件
     */
    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 spinner下拉框相关推荐

android联动下拉菜单,Android spinner下拉框连动
本代码主要功能 1. 向拉菜单 spinner添加数据 2.下拉菜单连动以下是核心代码 //定义变量 private Spinner spinner3; private Spinner spinne ...
Acitivity（页面）之间的跳转，ProgressBar 进度条，PopupWindow 弹出框，Dialog 对话框，Spinner下拉框
Acitivity(页面)之间的跳转 Acitivity(页面)之间的跳转需要使用到 Intent(意图) Intent intent = new Intent(MainActivity.this(从 ...
Android中自定义xml文件给Spinner下拉框赋值并获取下拉选中的值
场景实现效果如下注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现将布局改 ...
Android 自定义下拉框的实现 Spinner
下拉框布局 a_spinner_checked_text.xml <?xml version="1.0" encoding="utf-8"?> & ...
Android 中 Spinner下拉框使用
文章目录先用起来方法和属性样式增加分割线选中和下拉样式弹出框样式使用自定义的BaseAdapter 先用起来效果图布局页面 activity_test <?xml versio ...
Android自定义spinner下拉框实现的实现
一:前言本人参考博客:http://blog.csdn.net/jdsjlzx/article/details/41316417 最近在弄一个下拉框,发现Android自带的很难实现我的功能,于是去 ...
android改变下拉框字体颜色,有没有简单的方法来改变Android中的Spinner下拉颜色？...
我创建我的主题以与应用程序一起使用,主题的父级是Theme.AppCompat.Light.NoActionBar 顺便说一句,我想要白色背景和黑色文字. 这是适配器代码 val adapter = ...
Android UI自定义Spinner下拉框（用popuwindow实现）-转
定义出第一个图片的布局和弹出框(一个listView)的布局,,这里就不在多说了~ListView需要自己定义一个MyspinnerAdapter~做好这些准备之后,就是弹出框的实现了~ prote ...
spinner 下拉框控件
spinnerMode=dropdown时,为下拉模式 spinnerMode=dialog时,会在界面中间弹出 Android:popupBackground="#f0000000&quo ...

android spinner下拉框

android spinner下拉框相关推荐

最新文章

热门文章