码迷，mamicode.com
首页 > 移动开发 > 详细

【android开发】使用PopupWindow实现页面点击顶部弹出下拉菜单

时间：2014-08-01 15:54:31      阅读：349      评论：0      收藏：0      [点我收藏+]

标签：android   style   blog   http   java   使用   strong   io   

 

没有太多花样，也没有很复杂的技术，就是简单的PopupWindow的使用，可以实现点击弹出一个自定义的view，view里可以随便设计，常用的可以放一个listview。


demo中我只是一个点击展示，简单的使用了fade in out的动画效果，也没有精美的图片资源，看着也丑，不过这么短的时间，让你掌握一个很好用的技术，可以自己扩展，不很好么？



废话不说了，直接上代码：

MainActivity.java

[java] view plaincopy
  1. public class MainActivity extends Activity implements OnClickListener {  
  2.   
  3.     private PopupWindow popupwindow;  
  4.     private Button button;  
  5.   
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.activity_main);  
  10.   
  11.         button = (Button) findViewById(R.id.button1);  
  12.         button.setOnClickListener(this);  
  13.   
  14.     }  
  15.   
  16.     @Override  
  17.     public void onClick(View v) {  
  18.   
  19.         switch (v.getId()) {  
  20.         case R.id.button1:  
  21.             if (popupwindow != null&&popupwindow.isShowing()) {  
  22.                 popupwindow.dismiss();  
  23.                 return;  
  24.             } else {  
  25.                 initmPopupWindowView();  
  26.                 popupwindow.showAsDropDown(v, 0, 5);  
  27.             }  
  28.             break;  
  29.         default:  
  30.             break;  
  31.         }  
  32.   
  33.     }  
  34.   
  35.     public void initmPopupWindowView() {  
  36.   
  37.         // // 获取自定义布局文件pop.xml的视图  
  38.         View customView = getLayoutInflater().inflate(R.layout.popview_item,  
  39.                 null, false);  
  40.         // 创建PopupWindow实例,200,150分别是宽度和高度  
  41.         popupwindow = new PopupWindow(customView, 250, 280);  
  42.         // 设置动画效果 [R.style.AnimationFade 是自己事先定义好的]  
  43.         popupwindow.setAnimationStyle(R.style.AnimationFade);  
  44.         // 自定义view添加触摸事件  
  45.         customView.setOnTouchListener(new OnTouchListener() {  
  46.   
  47.             @Override  
  48.             public boolean onTouch(View v, MotionEvent event) {  
  49.                 if (popupwindow != null && popupwindow.isShowing()) {  
  50.                     popupwindow.dismiss();  
  51.                     popupwindow = null;  
  52.                 }  
  53.   
  54.                 return false;  
  55.             }  
  56.         });  
  57.   
  58.         /** 在这里可以实现自定义视图的功能 */  
  59.         Button btton2 = (Button) customView.findViewById(R.id.button2);  
  60.         Button btton3 = (Button) customView.findViewById(R.id.button3);  
  61.         Button btton4 = (Button) customView.findViewById(R.id.button4);  
  62.         btton2.setOnClickListener(this);  
  63.         btton3.setOnClickListener(this);  
  64.         btton4.setOnClickListener(this);  
  65.   
  66.     }  
  67.   
  68. }  


activity_main.xml

[java] view plaincopy
  1. <RelativeLayout 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:background="#000000"  
  6.     tools:context=".MainActivity" >  
  7.   
  8.     <Button  
  9.         android:id="@+id/button1"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="wrap_content"  
  12.         android:layout_alignParentLeft="true"  
  13.         android:layout_alignParentTop="true"  
  14.         android:gravity="center"  
  15.         android:background="#C0C0C0"  
  16.         android:text="点击下拉列表" />  
  17.   
  18. </RelativeLayout>  


自定义view的xml

[java] view plaincopy
  1. <RelativeLayout 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:background="#C0C0C0" >  
  6.   
  7.     <Button  
  8.         android:id="@+id/button2"  
  9.         android:layout_width="200dp"  
  10.         android:layout_height="wrap_content"  
  11.         android:layout_alignParentLeft="true"  
  12.         android:layout_alignParentTop="true"  
  13.         android:paddingRight="70dp"  
  14.         android:text="viviens" />  
  15.   
  16.     <Button  
  17.         android:id="@+id/button3"  
  18.         android:layout_width="200dp"  
  19.         android:layout_height="wrap_content"  
  20.         android:layout_alignParentLeft="true"  
  21.         android:layout_below="@+id/button2"  
  22.         android:paddingRight="70dp"  
  23.         android:text="mryang" />  
  24.   
  25.     <Button  
  26.         android:id="@+id/button4"  
  27.         android:layout_width="200dp"  
  28.         android:layout_height="wrap_content"  
  29.         android:layout_alignParentLeft="true"  
  30.         android:layout_below="@+id/button3"  
  31.         android:paddingRight="70dp"  
  32.         android:text="张晓达" />  
  33.   
  34. </RelativeLayout>  


动画效果：

inputodown.xml 进入屏幕

[java] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.   
  4.     <translate  
  5.         android:duration="500"  
  6.         android:fromYDelta="-100%"  
  7.         android:toYDelta="0" />  
  8.   
  9. </set>  


outdowntoup.xml

[java] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.   
  4.     <translate  
  5.         android:duration="500"  
  6.         android:fromYDelta="0"  
  7.         android:toYDelta="-100%" />  
  8.   
  9. </set>  


styles.xml

[html] view plaincopy
  1. <style name="AnimationFade">  
  2.   
  3.     <!-- PopupWindow左右弹出的效果 -->  
  4.     <item name="android:windowEnterAnimation">@anim/inuptodown</item>  
  5.     <item name="android:windowExitAnimation">@anim/outdowntoup</item>  
  6. </style>  




实现效果：

bubuko.com,布布扣


demo地址：

http://download.csdn.net/detail/mad1989/5518035


【android开发】使用PopupWindow实现页面点击顶部弹出下拉菜单,布布扣,bubuko.com

【android开发】使用PopupWindow实现页面点击顶部弹出下拉菜单

标签：android   style   blog   http   java   使用   strong   io   

原文地址：http://www.cnblogs.com/xgjblog/p/3884930.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！