AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

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

一:前言
本人参考博客: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(0, 0, drawable.getMinimumWidth(),drawable.getMinimumHeight());// 必须设置图片大小，否则不显示  
  78.         tvValue.setCompoundDrawables(null, null, 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 欢迎大家的加入.

点击下载源码

文章标签：
Android开发
关键词：
Android自定义
Android spinner
Android实现
Android下拉框
Android自定义Spinner
ansen_666
目录
相关文章
shuj
|
2月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中，自定义视图犹如一座座小岛，等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程，从浅滩走向深海，逐步揭开自定义视图的神秘面纱。
shuj
42 3
阿迷创客
|
4月前
|
存储 Shell Android开发
基于Android P，自定义Android开机动画的方法
本文详细介绍了基于Android P系统自定义开机动画的步骤，包括动画文件结构、脚本编写、ZIP打包方法以及如何将自定义动画集成到AOSP源码中。
阿迷创客
81 2
基于Android P，自定义Android开机动画的方法
shuj
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中，自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View，包括设计理念、实现步骤以及性能优化技巧，帮助开发者打造流畅且富有创意的用户界面。
shuj
93 0
请看我回答~
|
4月前
|
供应链 物联网 区块链
未来触手可及：探索新兴技术的趋势与应用安卓开发中的自定义视图：从基础到进阶
【8月更文挑战第30天】随着科技的飞速发展，新兴技术如区块链、物联网和虚拟现实正在重塑我们的世界。本文将深入探讨这些技术的发展趋势和应用场景，带你领略未来的可能性。
请看我回答~
58 6
请看我回答~
|
4月前
|
测试技术 Android开发 Python
探索软件测试的艺术：从基础到高级安卓应用开发中的自定义视图
【8月更文挑战第29天】在软件开发的世界中，测试是不可或缺的一环。它如同艺术一般，需要精细的技巧和深厚的知识。本文旨在通过浅显易懂的语言，引领读者从软件测试的基础出发，逐步深入到更复杂的测试策略和工具的使用，最终达到能够独立进行高效测试的水平。我们将一起探索如何通过不同的测试方法来确保软件的质量和性能，就像艺术家通过不同的色彩和笔触来完成一幅画作一样。
请看我回答~
61 1
天下无贼001
|
1月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中，自定义视图是那抹不可或缺的亮色，它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图，并展示如何通过代码实现这一过程。我们将从基础出发，逐步引导你理解自定义视图的核心概念，然后通过一个实际的代码示例，详细讲解如何将理论应用于实践，最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能，还是仅仅出于对安卓开发的兴趣，这篇文章都将为你提供价值。
天下无贼001
36 4
shuj
|
1月前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域，自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View，以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理，进而探索内存和布局优化技巧，最终实现既美观又高效的安卓界面。
shuj
33 5
游客moiomvrp3vyac2
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石，它为开发者提供了无限的可能。通过掌握其原理和实现方法，可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程，包括绘制技巧、事件处理以及性能优化等关键步骤。
游客moiomvrp3vyac2
31 1
mrq4nk6ni2neg
|
3月前
|
Android开发 开发者
安卓开发中的自定义视图：从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中，自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌，更是艺术与科技的完美结合。通过掌握自定义视图，开发者能够打破常规，创造出独一无二的用户界面。本文将带你走进自定义视图的世界，从基础概念到实战应用，一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者，这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密，将你的应用打造成一件艺术品吧！
mrq4nk6ni2neg
67 10
mrq4nk6ni2neg
|
3月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中，自定义视图控件是一种高级技巧，它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例，引导你了解如何在安卓项目中实现自定义视图控件，包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者，这篇文章都会为你提供有价值的见解和技巧。
mrq4nk6ni2neg
53 3

热门文章

最新文章

  • 1
    Programming access to Android Market
  • 2
    android 支持分组和联系人展示的一个小样例
  • 3
    《Android游戏开发详解》——第2章，第2.12节设置和访问对象的状态
  • 4
    Android快捷便利但不常被使用的原生工具类
  • 5
    Android 内部启动其他应用，以及打开指定qq聊天界面
  • 6
    系出名门Android(4) - 活动(Activity), 服务(Service), 广播(Broadcast), 广播接收器(BroadcastReceiver)
  • 7
    Android基础：shape的基本用法
  • 8
    Android学习笔记--Scoket编程
  • 9
    Android动画——属性动画
  • 10
    Android 数据库ORM框架GreenDao学习心得及使用总结<二>
  • 1
    鸿蒙HarmonyOS 与 Android 的NDK有什么区别？
    364
  • 2
    Android应用开发：实现自定义View的高效绘制
    75
  • 3
    构建高效Android应用：Kotlin协程的实践与优化
    64
  • 4
    构建高效Android应用：Kotlin协程的实践指南
    77
  • 5
    jenkins编译H5做的android端编译卫士app记录
    53
  • 6
    利用Bundle实现Android Activity间消息的传递
    57
  • 7
    Intent在Android中的几种用法
    81
  • 8
    Android如何在Activity和Service之间传递数据
    305
  • 9
    android TextView HTML 的效果
    44
  • 10
    Android下自定义Button样式
    49

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline

    • 推荐镜像

    更多
  • android.googlesource.com
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月