Android自定义spinner下拉框实现的实现-阿里云开发者社区

开发者社区> ansen_666> 正文

Android自定义spinner下拉框实现的实现

简介:
+关注继续查看

一:前言
本人参考博客:http://blog.csdn.net/jdsjlzx/article/details/41316417 最近在弄一个下拉框,发现Android自带的很难实现我的功能,于是去网上找到一份Demo,但是发现没有封装的好,并且还有很多重复的代码,于是我在这位前辈的基础上进行了修改.并且重新进行了封装,代码变得简单,并且具有可读性.

二:实现原理
1.就是一个TextView 弄一个弧形的背景图片,然后设置一个点击事件.
2.点击TextView之后显示一个PopupWindow,Popupwindow是自定义的,里面显示一个ListView.ListView也设置了左边.右边.底部的边框.


三:效果图如下



四:代码实现:

1).MainActivity.java  程序入口,初始化数据,初始化自定义PopupWIndow,TextView点击之后显示PopupWIndow,处理ListView的点击事件.

  1. /** 
  2.  * 主Activity  用来实现popupwindow 
  3.  * @author ansen 
  4.  */  
  5. public class MainActivity extends Activity {  
  6.     private SpinerPopWindow<String> mSpinerPopWindow;  
  7.     private List<String> list;  
  8.     private TextView tvValue;  
  9.   
  10.     @Override  
  11.     protected void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         setContentView(R.layout.activity_main);  
  14.   
  15.         initData();  
  16.   
  17.         tvValue = (TextView) findViewById(R.id.tv_value);  
  18.         tvValue.setOnClickListener(clickListener);  
  19.         mSpinerPopWindow = new SpinerPopWindow<String>(this, list,itemClickListener);  
  20.         mSpinerPopWindow.setOnDismissListener(dismissListener);  
  21.     }  
  22.       
  23.     /** 
  24.      * 监听popupwindow取消 
  25.      */  
  26.     private OnDismissListener  dismissListener=new OnDismissListener() {  
  27.         @Override  
  28.         public void onDismiss() {  
  29.             setTextImage(R.drawable.icon_down);  
  30.         }  
  31.     };  
  32.   
  33.     /** 
  34.      * popupwindow显示的ListView的item点击事件 
  35.      */  
  36.     private OnItemClickListener itemClickListener = new OnItemClickListener() {  
  37.         @Override  
  38.         public void onItemClick(AdapterView<?> parent, View view, int position,long id) {  
  39.             mSpinerPopWindow.dismiss();  
  40.             tvValue.setText(list.get(position));  
  41.             Toast.makeText(MainActivity.this"点击了:" + list.get(position),Toast.LENGTH_LONG).show();  
  42.         }  
  43.     };  
  44.   
  45.     /** 
  46.      * 显示PopupWindow 
  47.      */  
  48.     private OnClickListener clickListener = new OnClickListener() {  
  49.         @Override  
  50.         public void onClick(View v) {  
  51.             switch (v.getId()) {  
  52.             case R.id.tv_value:  
  53.                 mSpinerPopWindow.setWidth(tvValue.getWidth());  
  54.                 mSpinerPopWindow.showAsDropDown(tvValue);  
  55.                 setTextImage(R.drawable.icon_up);  
  56.                 break;  
  57.             }  
  58.         }  
  59.     };  
  60.   
  61.     /** 
  62.      * 初始化数据 
  63.      */  
  64.     private void initData() {  
  65.         list = new ArrayList<String>();  
  66.         for (int i = 0; i < 5; i++) {  
  67.             list.add("test:" + i);  
  68.         }  
  69.     }  
  70.   
  71.     /** 
  72.      * 给TextView右边设置图片 
  73.      * @param resId 
  74.      */  
  75.     private void setTextImage(int resId) {  
  76.         Drawable drawable = getResources().getDrawable(resId);  
  77.         drawable.setBounds(00, drawable.getMinimumWidth(),drawable.getMinimumHeight());// 必须设置图片大小,否则不显示  
  78.         tvValue.setCompoundDrawables(nullnull, drawable, null);  
  79.     }  
  80. }  

2).activity_main.xml  这个文件也没啥好说的  就是两个TextView。
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation="vertical" >  
  6.     <LinearLayout  
  7.         android:layout_width="match_parent"  
  8.         android:layout_height="wrap_content"  
  9.         android:layout_margin="5dp"  
  10.         android:orientation="horizontal">  
  11.   
  12.         <TextView  
  13.             android:id="@+id/tv_value"  
  14.             android:layout_width="0dp"  
  15.             android:layout_height="wrap_content"  
  16.             android:layout_weight="1"  
  17.             android:background="@drawable/shape_help_category_tv_bg"  
  18.             android:drawableRight="@drawable/icon_down"  
  19.             android:padding="10dp"  
  20.             android:textColor="@color/content_color"  
  21.             android:text="请选择父类别"  
  22.             android:textSize="20sp"/>  
  23.   
  24.         <TextView  
  25.             android:layout_marginLeft="5dp"  
  26.             android:layout_width="0dp"  
  27.             android:layout_height="wrap_content"  
  28.             android:layout_weight="1"  
  29.             android:background="@drawable/shape_help_category_tv_bg"  
  30.             android:drawableRight="@drawable/icon_down"  
  31.             android:textColor="@color/content_color"  
  32.             android:padding="10dp"  
  33.             android:text="请选择子类别"  
  34.             android:textSize="20sp" />  
  35.     </LinearLayout>  
  36. </LinearLayout>  


3).SpinerPopWindow.java  自定义Popupwindow类 初始化PopupWindow显示的布局,以及一些参数,并且给listView设置适配器

  1.  * 自定义PopupWindow  主要用来显示ListView  
  2.  * @author Ansen  
  3.  * @param <T>  
  4.  * @param <T>  
  5.  * @create time 2015-11-3  
  6.  */  
  7. public class SpinerPopWindow<T> extends PopupWindow {  
  8.     private LayoutInflater inflater;  
  9.     private ListView mListView;  
  10.     private List<T> list;  
  11.     private MyAdapter  mAdapter;  
  12.       
  13.     public SpinerPopWindow(Context context,List<T> list,OnItemClickListener clickListener) {  
  14.         super(context);  
  15.         inflater=LayoutInflater.from(context);  
  16.         this.list=list;  
  17.         init(clickListener);  
  18.     }  
  19.       
  20.     private void init(OnItemClickListener clickListener){  
  21.         View view = inflater.inflate(R.layout.spiner_window_layout, null);  
  22.         setContentView(view);         
  23.         setWidth(LayoutParams.WRAP_CONTENT);  
  24.         setHeight(LayoutParams.WRAP_CONTENT);  
  25.         setFocusable(true);  
  26.             ColorDrawable dw = new ColorDrawable(0x00);  
  27.         setBackgroundDrawable(dw);  
  28.         mListView = (ListView) view.findViewById(R.id.listview);  
  29.         mListView.setAdapter(mAdapter=new MyAdapter());  
  30.         mListView.setOnItemClickListener(clickListener);  
  31.     }  
  32.       
  33.     private class MyAdapter extends BaseAdapter{  
  34.         @Override  
  35.         public int getCount() {  
  36.             return list.size();  
  37.         }  
  38.   
  39.         @Override  
  40.         public Object getItem(int position) {  
  41.             return list.get(position);  
  42.         }  
  43.   
  44.         @Override  
  45.         public long getItemId(int position) {  
  46.             return position;  
  47.         }  
  48.   
  49.         @Override  
  50.         public View getView(int position, View convertView, ViewGroup parent) {  
  51.             ViewHolder holder=null;  
  52.             if(convertView==null){  
  53.                 holder=new ViewHolder();  
  54.                 convertView=inflater.inflate(R.layout.spiner_item_layout, null);  
  55.                 holder.tvName=(TextView) convertView.findViewById(R.id.tv_name);  
  56.                 convertView.setTag(holder);  
  57.             }else{  
  58.                 holder=(ViewHolder) convertView.getTag();  
  59.             }  
  60.             holder.tvName.setText(getItem(position).toString());  
  61.             return convertView;  
  62.         }  
  63.     }  
  64.       
  65.     private class ViewHolder{  
  66.         private TextView tvName;  
  67.     }  
  68. }  

4).spiner_window_layout.xml    PopupWindow显示的布局文件 里面就一个ListView控件
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:layout_alignParentRight="true"  
  6.     android:orientation="vertical">  
  7.   
  8.     <ListView  
  9.         android:id="@+id/listview"  
  10.         android:layout_width="fill_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:cacheColorHint="#00000000"  
  13.         android:background="@drawable/shape_popupwindow_list_bg"  
  14.         android:scrollbars="none" >  
  15.     </ListView>  
  16. </LinearLayout>  

还有一些其他布局,我就不一一贴出来了,有兴趣的可以去看看源码.这个Demo还是比较简单的,相信大家都能看懂.
推荐下自己创建的android QQ群:202928390 欢迎大家的加入.

点击下载源码

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器ECS远程登录用户名密码查询方法
阿里云服务器ECS远程连接登录输入用户名和密码,阿里云没有默认密码,如果购买时没设置需要先重置实例密码,Windows用户名是administrator,Linux账号是root,阿小云来详细说下阿里云服务器远程登录连接用户名和密码查询方法
2782 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4397 0
阿里云服务器安全组设置内网互通的方法
虽然0.0.0.0/0使用非常方便,但是发现很多同学使用它来做内网互通,这是有安全风险的,实例有可能会在经典网络被内网IP访问到。下面介绍一下四种安全的内网互联设置方法。 购买前请先:领取阿里云幸运券,有很多优惠,可到下文中领取。
9406 0
阿里云服务器远程登录用户名和密码的查询方法
阿里云服务器远程连接登录用户名和密码在哪查看?阿里云服务器默认密码是什么?云服务器系统不同默认用户名不同
403 0
下拉刷新框架Android-Ultra-Pull-To-Refresh的学习与
之所以做这件事,是因为前者已经没有在维护了,所以把现在的下拉刷新框架PullToRefresh框架换成Android-Ultra-Pull-To-Refresh框架。
762 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
3824 0
Android零基础入门第46节:下拉框Spinner
原文:Android零基础入门第46节:下拉框Spinner    上一期学习了GridView的使用,你已经掌握了吗?本期一起来学习Spinner的使用。     一、认识Spinner       Spinner其实就是一个列表选择框。
1284 0
+关注
ansen_666
有三年android开发经验,开发过加密.短视频.直播app,一直在互联网公司工作,目前就职于上海翼成科技,担任android开发组长。
62
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载