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"?>
<LinearLayoutxmlns: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 可拖动的悬浮按钮

2020-3-12 3:55:16

Android文章

android 打包jar包

2020-3-12 5:34:30

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索