Android自定义Spinner下拉框,可以设置提示文字

近期公司项目中需要用到下拉框,为了省事于是就用了自带的Spinner,但使用后发现一个问题,就是不能设置提示文字。。并且,在父类是FragmentActivity的时候,还会有不一样的显示,总之使用起来非常的不爽。。于是就决定自己动手封装一个Spinner来实现自己的效果,其实实现起来也是比较的简单的,下面我们来一起看看吧。

首先来看看使用效果:

     

就是上图中的景区级别选框。


其实这个的主要思路就是一个TextView负责显示和监听用户的点击事件,还有一个PopupWindow负责显示内容和监听用户点击事件。


下面来看看详细代码吧:

首先是自定义一个PopupWindow:(代码很容易看懂,我就不写注释了)

/**
 * 自定义PopupWindow
 * Created by 05 on 2016/9/29.
 */
public class SpinnerPopWindow<T> extends PopupWindow {
    private LayoutInflater inflater;
    private ListView mListView;
    private List<T> list;
    private PopUpAdapter popAdapter;

    public SpinnerPopWindow(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(LinearLayout.LayoutParams.WRAP_CONTENT);
        setHeight(LinearLayout.LayoutParams.WRAP_CONTENT);
        setFocusable(true);
        ColorDrawable dw = new ColorDrawable(0x00);
        setBackgroundDrawable(dw);
        mListView = (ListView) view.findViewById(R.id.popup_listview);
        mListView.setAdapter(popAdapter = new PopUpAdapter());
        mListView.setOnItemClickListener(clickListener);
    }

    private class PopUpAdapter 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 viewHolder;
            if(convertView == null){
                viewHolder = new ViewHolder();

                convertView = inflater.inflate(R.layout.pop_up_spinner_layout_item,null);
                viewHolder.textTv = (TextView) convertView.findViewById(R.id.pop_up_item_text_tv);

                convertView.setTag(viewHolder);
            }else{
                viewHolder = (ViewHolder) convertView.getTag();
            }
            viewHolder.textTv.setText(getItem(position).toString());
            return convertView;
        }
    }

    private class ViewHolder{
        private TextView textTv;
    }
}


自定义PopupWindow的界面代码:( 只有一个ListView,在这里一定要记得给布局写一个边框和背景颜色,不然会有透明度的问题

<?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="match_parent">

    <ListView
        android:id="@+id/popup_listview"
        android:scrollbars="none"
        android:background="@drawable/default_border_line_style"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

接下来是自定义Spinner代码:(在写的时候记得分别准备一张显示向上和向下图片。)

/**
 * 自定义Spinner
 * Created by 05 on 2016/9/29.
 */
public class CustomSpinner extends RelativeLayout {

    private Context context;
    private List<String> textList;
    private View customSpinnerView;
    public TextView showTextTv;
    private SpinnerPopWindow<String> mpopWindow;
    private String showTitle;
    private String showText;

    private OnCustomItemCheckedListener onCustomItemCheckedListener;

    public CustomSpinner(Context context, String showTitle, List<String> textList) {
        super(context);
        this.context = context;
        this.showTitle = showTitle;
        this.textList = textList;
        init();
    }

    public interface OnCustomItemCheckedListener{
        void OnCustomItemChecked(int position);
    }

    public void setOnCustomItemCheckedListener(OnCustomItemCheckedListener onCustomItemCheckedListener){
        this.onCustomItemCheckedListener = onCustomItemCheckedListener;
    }

    private void init() {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        customSpinnerView = inflater.inflate(R.layout.custom_spinner_layout, this);

        showTextTv = (TextView) customSpinnerView.findViewById(R.id.custom_msg_tv);
        showTextTv.setText(showTitle);

        showTextTv.setOnClickListener(clickListener);

        mpopWindow = new SpinnerPopWindow<>(getContext(), textList, itemClickListener);
        mpopWindow.setOnDismissListener(dismissListener);
    }

    //设置显示的提示文字
    public String getShowText(){
        return showText;
    }

    //对PopupWindow监听选中用户点击的项
    public void setSelectionItem(int position){
        showTextTv.setText(textList.get(position));
    }

    /**
     * 监听popupwindow取消
     */
    private PopupWindow.OnDismissListener dismissListener = new PopupWindow.OnDismissListener() {
        @Override
        public void onDismiss() {
            setTextImage(R.mipmap.spinner_up);
        }
    };

    /**
     * popupwindow显示的ListView的item点击事件
     */
    private AdapterView.OnItemClickListener itemClickListener = new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            mpopWindow.dismiss();
            showTextTv.setText(textList.get(position));
            showText = textList.get(position);

            //这个接口是用来在其他界面做点击操作的时候负责调用的
            if(onCustomItemCheckedListener!= null){
                onCustomItemCheckedListener.OnCustomItemChecked(position);
            }
        }
    };

    /**
     * 显示PopupWindow
     */
    private View.OnClickListener clickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.custom_msg_tv:
                    mpopWindow.setWidth(showTextTv.getWidth());
                    mpopWindow.showAsDropDown(showTextTv);
                    setTextImage(R.mipmap.spinner_down);
                    break;
            }
        }
    };

    /**
     * 给TextView右边设置图片
     *
     * @param resId
     */
    private void setTextImage(int resId) {
        Drawable drawable = getResources().getDrawable(resId);
        drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());// 必须设置图片大小,否则不显示
        showTextTv.setCompoundDrawables(null, null, drawable, null);
    }

}

自定义Spinner的布局代码也非常简单,就是一个TextView设置一个边框加白色背景,还有一张默认向下的图片即可。通过以上的方法就完成Spinner的自定义了,怎么样,非常的简单吧? 嘿嘿嘿~~


现在来看一下怎样使用这个自定义的Spinner。

<span style="white-space:pre">	</span>scenicLevels = getResources().getStringArray(R.array.levels);
        List<String> levelList = Arrays.asList(scenicLevels);
        levelSpinner = new CustomSpinner(getContext(), "请选择评分", levelList);
        levelLl.addView(levelSpinner);

在实例化CustomSpinner之后记得用一个线性布局.addView方法将自定义的Spinner添加进去。

通过这些方法,一个自定义的Spinner就做好了,当然了,由于自己能力有限,可能还有一些小问题,使得这个Spinner不够优雅,但起码这也算是一种思路,你们也可以把我的这个方法做一个更好的优化,让它更加的优雅。。。哈哈哈,如果有什么问题的话,欢迎来和我一起交流,在码农的这条路上我们一起进步。~~






评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

斯普润丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值