`
shuai1234
  • 浏览: 972693 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

android UI进阶之弹窗的使用

 
阅读更多

 

 

 

年就算过完啦。新年第一篇来讲下android中的PopupWindow。姑且就叫做弹窗吧，其实和AlertDialog一样，也是一种对话框，两者也经常混用，但是也各有特点。

下面就看看使用方法。首先初始化一个PopupWindow

 

 

view plaincopy to clipboardprint?
  1. PopupWindow  mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null), LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
 

 

 

 

实现PopupWindow的构造函数，第一个参数导入布局，后面两个指定宽和高。

弹窗一般有两种展示方法，用showAsDropDown()和showAtLocation()两种方法实现。一般参数有两种，有偏移和无偏移。

 

view plaincopy to clipboardprint?
  1. bt1.setOnClickListener(new OnClickListener(){  
  2.   
  3.     @Override  
  4.     public void onClick(View v) {  
  5.         initPopWindow();  
  6.         mPop.showAsDropDown(v);//以这个Button为anchor（可以理解为锚，基准），在下方弹出   
  7.           
  8.     }});  
  9.         
  10.       bt2.setOnClickListener(new OnClickListener(){  
  11.   
  12.     @Override  
  13.     public void onClick(View v) {  
  14.         initPopWindow();  
  15.         mPop.showAsDropDown(v,20,-20);//横轴偏移20，纵轴-20，一个状态栏的长度   
  16.           
  17.     }});  
  18.         
  19.       bt3.setOnClickListener(new OnClickListener(){  
  20.   
  21.     @Override  
  22.     public void onClick(View v) {  
  23.         initPopWindow();  
  24.         mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),   
  25.                 Gravity.CENTER, 0, 0);//在屏幕居中，无偏移   
  26.           
  27.     }});  
  28.         
  29.         
  30.       bt4.setOnClickListener(new OnClickListener(){  
  31.   
  32.     @Override  
  33.     public void onClick(View v) {  
  34.         initPopWindow();  
  35.         mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),   
  36.                 Gravity.TOP | Gravity.LEFT, 20, 20);//在屏幕顶部|居右，带偏移   
  37.           
  38.     }});  
  39.         
  40.       bt5.setOnClickListener(new OnClickListener(){  
  41.   
  42.     @Override  
  43.     public void onClick(View v) {  
  44.         if (mPop != null) {  
  45.             mPop.dismiss();  
  46.         }  
  47.           
  48.     }});  
  49.         
  50.   }  

 

其中initPopWindow()方法来初始化一个弹窗

 

view plaincopy to clipboardprint?
  1. private void initPopWindow() {  
  2.     if (mPop == null) {  
  3.         mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.pop, null),  
  4.                 LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
  5.     }  
  6.     if (mPop.isShowing()) {  
  7.         mPop.dismiss();  
  8.     }  
  9. }  

 

这里定义了4个按钮来呈现展示效果，一个按钮用来关闭，来看下第三个按钮点击效果，就不一一截图了，大家可以自己试下。

看过我以前这系列博客的朋友就会发现，PopupWindow里面的布局就是抽屉里面用的布局，后面的背景就是上篇博客讲的可延伸图像。为什么用这个呢，我们来看下UC的menu效果

可能这个是用AlertDialog做的，但是用PopupWindow也非常方便。很多的应用都使用了这样的menu。这里我就不去仿照UC来做了，就用上面那个布局，原理是一样的，换换图片就行。

要做的很简单，看代码

 

view plaincopy to clipboardprint?
  1.    public boolean onKeyDown(int keyCode, KeyEvent event){  
  2.     //截获按键事件   
  3.     if(keyCode == KeyEvent.KEYCODE_MENU){  
  4.             initPopWindow();  
  5.             mPop.showAtLocation(this.findViewById(R.id.rl),  
  6.                     Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //在屏幕底部   
  7.     }else if(keyCode == KeyEvent.KEYCODE_BACK){  
  8.         if(mPop.isShowing()){  
  9.             mPop.dismiss();  
  10.         }else{  
  11.             System.exit(0);  
  12.         }  
  13.   
  14.     }  
  15.     return false;  
  16.       
  17. }  

 

看下效果

图片似乎不是很给力，大家搞点漂亮点的图片就可以了。

我把这个代码全部贴出来

 

view plaincopy to clipboardprint?
  1. package com.notice.popWindow;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.Gravity;  
  6. import android.view.KeyEvent;  
  7. import android.view.View;  
  8. import android.view.View.OnClickListener;  
  9. import android.view.ViewGroup.LayoutParams;  
  10. import android.widget.Button;  
  11. import android.widget.GridView;  
  12. import android.widget.PopupWindow;  
  13.   
  14. public class PopWindow extends Activity {  
  15.      private GridView gv;  
  16.      private Button bt1;  
  17.      private Button bt2;  
  18.      private Button bt3;  
  19.      private Button bt4;  
  20.      private Button bt5;  
  21.      private int[] icons={R.drawable.browser,R.drawable.gallery,  
  22.                            R.drawable.camera,R.drawable.gmail,  
  23.                            R.drawable.music,R.drawable.market,  
  24.                            R.drawable.phone,R.drawable.messages,R.drawable.maps};  
  25.      private String[] items={"浏览器","图片","相机","时钟","音乐","市场","拨号","信息","地图"};  
  26.      private PopupWindow mPop;  
  27.      private View layout;  
  28.      private void initPopWindow() {  
  29.         if (mPop == null) {  
  30.             mPop = new PopupWindow(layout,  
  31.                     LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
  32.         }  
  33.         if (mPop.isShowing()) {  
  34.             mPop.dismiss();  
  35.         }  
  36.     }  
  37.     /** Called when the activity is first created. */  
  38.     @Override  
  39.     public void onCreate(Bundle savedInstanceState) {  
  40.         super.onCreate(savedInstanceState);  
  41.         setContentView(R.layout.main);  
  42.         bt1 = (Button)findViewById(R.id.bt1);  
  43.         bt2 = (Button)findViewById(R.id.bt2);  
  44.         bt3 = (Button)findViewById(R.id.bt3);  
  45.         bt4 = (Button)findViewById(R.id.bt4);  
  46.         bt5 = (Button)findViewById(R.id.bt5);  
  47.         layout = View.inflate(this, R.layout.window, null);  
  48.         gv = (GridView) layout.findViewById(R.id.gv);  
  49.         MyAdapter adapter=new MyAdapter(this,items,icons);  
  50.         gv.setAdapter(adapter);  
  51.           
  52.         bt1.setOnClickListener(new OnClickListener(){  
  53.   
  54.             @Override  
  55.             public void onClick(View v) {  
  56.                 initPopWindow();  
  57.                 mPop.showAsDropDown(v);//以这个Button为anchor（可以理解为锚，基准），在下方弹出   
  58.                   
  59.             }});  
  60.           
  61.         bt2.setOnClickListener(new OnClickListener(){  
  62.   
  63.             @Override  
  64.             public void onClick(View v) {  
  65.                 initPopWindow();  
  66.                 mPop.showAsDropDown(v,20,-20);//横轴偏移20，纵轴-20，一个状态栏的长度   
  67.                   
  68.             }});  
  69.           
  70.         bt3.setOnClickListener(new OnClickListener(){  
  71.   
  72.             @Override  
  73.             public void onClick(View v) {  
  74.                 initPopWindow();  
  75.                 mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),   
  76.                         Gravity.CENTER, 0, 0);//在屏幕居中，无偏移   
  77.                   
  78.             }});  
  79.           
  80.           
  81.         bt4.setOnClickListener(new OnClickListener(){  
  82.   
  83.             @Override  
  84.             public void onClick(View v) {  
  85.                 initPopWindow();  
  86.                 mPop.showAtLocation(PopWindow.this.findViewById(R.id.rl),   
  87.                         Gravity.TOP | Gravity.LEFT, 20, 20);//在屏幕顶部|居右，带偏移   
  88.                   
  89.             }});  
  90.           
  91.         bt5.setOnClickListener(new OnClickListener(){  
  92.   
  93.             @Override  
  94.             public void onClick(View v) {  
  95.                 if (mPop != null) {  
  96.                     mPop.dismiss();  
  97.                 }  
  98.                   
  99.             }});  
  100.           
  101.     }  
  102.     public boolean onKeyDown(int keyCode, KeyEvent event){  
  103.         //截获按键事件   
  104.         if(keyCode == KeyEvent.KEYCODE_MENU){  
  105.                 initPopWindow();  
  106.                 mPop.showAtLocation(this.findViewById(R.id.rl),  
  107.                         Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //在屏幕底部   
  108.         }else if(keyCode == KeyEvent.KEYCODE_BACK){  
  109.             if(mPop.isShowing()){  
  110.                 mPop.dismiss();  
  111.             }else{  
  112.                 System.exit(0);  
  113.             }  
  114.   
  115.         }  
  116.         return false;  
  117.           
  118.     }  
  119. }  

 

其中的MyAdapter类可以去看我以前的一篇写抽屉的博客，代码都在里面。然后就是window.xml

 

view plaincopy to clipboardprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.  <GridView   
  3.       xmlns:android="http://schemas.android.com/apk/res/android"  
  4.       android:id="@+id/gv"   
  5.       android:background="@drawable/tbg"  
  6.       android:layout_width="wrap_content"   
  7.       android:layout_height="wrap_content"   
  8.       android:numColumns="3"  
  9.       android:gravity="center">  
  10.  </GridView>   

 

只有一个GridView。main.xml就不贴了，就几个Button。

当然弹窗的作用当然不仅限于menu，你还可以用他做的更多来为你UI增色。今天就写到这啦，有问题可以留言交流。

http://blog.csdn.net/notice520/article/details/6186787

分享到：
| android应用开发全程实录-关于google map ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android popupwindow UI进阶之弹窗的使用

    Android PopupWindow UI进阶之弹窗的使用 Android 中的 PopupWindow 是一种常用的 UI 组件，它可以弹出一个对话框，提供给用户某些选项或信息。PopupWindow 和 AlertDialog 类似，但它们有各自的特点。下面我们来...

    Android高手进阶教程

    PopupWindow是Android提供的一种弹窗组件，可以用来显示临时性的内容。主要步骤包括： 1. **创建PopupWindow实例**。 2. **设置内容视图**。 3. **显示PopupWindow**。 #### 十一、Android通用获取IP的方法 在...

    android高手进阶教程 完整版 pdf

    ### Android高手进阶教程知识点概览 #### 一、Android常用命令集锦 - **ADB命令**: ADB（Android Debug Bridge）是Android平台下用于调试的工具，它可以帮助开发者进行设备管理、应用安装与卸载等操作。 - `adb ...

    Android高级应用源码-按下电源键，再次按下时，弹出自定义界面。Activity+service+receiver.rar

    在Android开发中，实现"按下电源键，再次按下时，弹出自定义界面"的功能...这个项目展示了如何巧妙地利用Android的系统广播、Service和Activity来实现自定义功能，对于进阶Android开发者来说，这是一个很好的学习案例。

    博客《PopUpWindow使用详解(二)——进阶及答疑》对应源码

    在Android开发中，`PopupWindow`是一个非常实用的组件，常用于实现各种弹窗效果，如下拉菜单、提示信息等。本压缩包文件“BLOG_2”提供了《PopUpWindow使用详解(二)——进阶及答疑》这篇博客的源码，旨在帮助开发者...

    Android编程典型实例与项目开发源码

    这本书的源码包含了一系列实用的示例和项目的实现，是学习和进阶Android开发的宝贵资源。 1. **Android基础知识** - **Activity**：书中可能涵盖了Activity的生命周期、启动模式以及如何在不同Activity间传递数据...

    【android】Inotepad记事本

    通过研究这个项目，开发者可以掌握Activity的生命周期、SQLite数据库操作、UI设计以及基本的Android编程概念。随着技能的提升，可以在此基础上添加更多的功能，如云同步、加密和自定义主题等，进一步提升应用的实用...

    Android高级应用源码-仿360扫描模块.zip

    【Android高级应用源码-仿360扫描模块】是一个针对Android平台的高级开发实践，主要涉及到了二维码和条形码扫描功能的实现。...对于想要深入Android进阶开发的工程师来说，这是一个宝贵的参考资料。

    Android校招面试指南 2018最新版本

    - **Android布局优化之include、merge、ViewStub的使用**：提高布局渲染效率的方法。 - **Android权限处理**：如何申请和检查权限。 - **Android热修复原理**：动态修复应用程序中的缺陷。 - **Android插件化入门...

    mui.js及相关示例

    2. **组件化**：提供了一系列预封装的UI组件，如按钮、导航、滑动、弹窗等，方便开发者快速构建界面。 3. **易用性**：API设计简单直观，易于学习和上手。 4. **兼容性**：支持多种浏览器和移动设备，包括iOS、...

    MUI

    1. **丰富的组件库**：MUI提供了一系列的UI组件，包括导航栏、按钮、表单、列表、轮播图、弹窗等，覆盖了移动应用开发中的常见需求。这些组件在设计上遵循了移动设备的触摸操作习惯，确保了良好的用户体验。 2. **...

    MUI 前端框架

    1. **样式库**：MUI 提供了一套完整的 UI 样式，涵盖了大部分常见的界面元素，如图标、字体、颜色等，确保了应用的整体风格一致性。 2. **组件库**：丰富的组件库包括按钮、表单、导航、弹窗、滑块等多种组件，覆盖...

Magicbox
Global site tag (gtag.js) - Google Analytics