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

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

            
                    
  1.  PopupWindow mPop = new PopupWindow(getLayoutInflater().inflate(R.layout.window, null),  
    2.                 
  2.  LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
    3.

实现PopupWindow的构造函数，第一个参数导入布局，后面两个指定宽和高。弹窗一般有两种展示方法，用showAsDropDown()和showAtLocation()两种方法实现。一般参数有两种，有偏移和无偏移。

 

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

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

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

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

android UI进阶之弹窗的使用_第1张图片

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

android UI进阶之弹窗的使用_第2张图片 

 

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

要做的很简单，看代码

 

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

看下效果

android UI进阶之弹窗的使用_第3张图片

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

我把这个代码全部贴出来

 

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

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

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


 

更多相关文章

  1. 【适配】【转】Android开发：最全面、最易懂的Android屏幕适配解决
  2. Android之屏幕方向|显示方式|Activity重建问题|横竖屏切换不同的
  3. android切换屏幕时的生命周期
  4. [置顶] 我的Android进阶之旅------>Android Gusture 手势识别小
  5. Android 屏幕旋转 处理 AsyncTask 和 ProgressDialog 的最佳方案
  6. Android中正确自适应屏幕翻转

随机推荐

  1. Android(安卓)debug summary
  2. 苦逼啊--qt for android 5.4.1 camera
  3. 【Android(安卓)Studio】 Caused by: jav
  4. 【android】AudioManager音量控制
  5. Android中贪吃蛇游戏的学习（四）
  6. Gradle 的配置
  7. Android(安卓)Ftp 简单上传下载
  8. android 图片圆角处理
  9. android下载安装APK
  10. Android双击