android popwindow实现左侧弹出菜…

http://www.apkbus.com/android-44903-1-1.html

学习一下PopupWindow的浮层显示效果。
PopupWindow可以实现浮层效果，主要方法有：可以自定义view，通过LayoutInflator方法；可以出现和退出时显示动画；可以指定显示位置等。
为了将PopupWindow的多个功能展现并力求用简单的代码实现，编写了一个点击按钮左侧弹出菜单的功能，实现出现和退出时显示动画效果并点击其他区域时弹出层自动消失，效果图如下：
 
图-1 android 实现左侧弹出菜单的功能
源码：
1.PopwindowOnLeftActivity.java

1. package com.pop.main;
   
2. 
   
3. import android.app.Activity;
   
4. import android.os.Bundle;
   
5. import android.view.MotionEvent;
   
6. import android.view.View;
   
7. import android.view.View.OnClickListener;
   
8. import android.view.View.OnTouchListener;
   
9. import android.widget.Button;
   
10. import android.widget.PopupWindow;
    
11. 
    
12. public class PopwindowOnLeftActivity extends Activity {
    
13. // 声明PopupWindow对象的引用
    
14. private PopupWindow popupWindow;
    
15. 
    
16. 
    
17. @Override
    
18. public void onCreate(Bundle savedInstanceState) {
    
19. super.onCreate(savedInstanceState);
    
20. setContentView(R.layout.main);
    
21. // 点击按钮弹出菜单
    
22. Button pop = (Button) findViewById(R.id.popBtn);
    
23. pop.setOnClickListener(popClick);
    
24. }
    
25. //点击弹出左侧菜单的显示方式
    
26. OnClickListener popClick = new OnClickListener() {
    
27. 
    
28. @Override
    
29. public void onClick(View v) {
    
30. // TODO Auto-generated method stub
    
31. getPopupWindow();
    
32. // 这里是位置显示方式,在按钮的左下角
    
33. popupWindow.showAsDropDown(v);
    
34. // 这里可以尝试其它效果方式,如popupWindow.showAsDropDown(v,
    
35. // (screenWidth-dialgoWidth)/2, 0);
    
36. // popupWindow.showAtLocation(findViewById(R.id.layout),
    
37. // Gravity.CENTER, 0, 0);
    
38. }
    
39. };
    
40. 
    
41. 
    
42. protected void initPopuptWindow() {
    
43. // TODO Auto-generated method stub
    
44. 
    
45. // 获取自定义布局文件pop.xml的视图
    
46. View popupWindow_view = getLayoutInflater().inflate(R.layout.pop, null,
    
47. false);
    
48. // 创建PopupWindow实例,200,150分别是宽度和高度
    
49. popupWindow = new PopupWindow(popupWindow_view, 200, 150, true);
    
50. // 设置动画效果
    
51. popupWindow.setAnimationStyle(R.style.AnimationFade);
    
52. //点击其他地方消失
    
53. popupWindow_view.setOnTouchListener(new OnTouchListener() {
    
54. @Override
    
55. public boolean onTouch(View v, MotionEvent event) {
    
56. // TODO Auto-generated method stub
    
57. if (popupWindow != null && popupwindows.isShowing()) {
    
58. popupWindow.dismiss();
    
59. popupWindow = null;
    
60. }
    
61. return false;
    
62. }
    
63. });
    
64. // pop.xml视图里面的控件
    
65. Button open = (Button) popupWindow_view.findViewById(R.id.open);
    
66. Button save = (Button) popupWindow_view.findViewById(R.id.save);
    
67. Button close = (Button) popupWindow_view.findViewById(R.id.close);
    
68. // pop.xml视图里面的控件触发的事件
    
69. // 打开
    
70. open.setOnClickListener(new OnClickListener() {
    
71. @Override
    
72. public void onClick(View v) {
    
73. // TODO Auto-generated method stub
    
74. // 这里可以执行相关操作
    
75. System.out.println("打开操作");
    
76. // 对话框消失
    
77. popupWindow.dismiss();
    
78. }
    
79. });
    
80. // 保存
    
81. save.setOnClickListener(new OnClickListener() {
    
82. @Override
    
83. public void onClick(View v) {
    
84. // TODO Auto-generated method stub
    
85. // 这里可以执行相关操作
    
86. System.out.println("保存操作");
    
87. popupWindow.dismiss();
    
88. }
    
89. });
    
90. // 关闭
    
91. close.setOnClickListener(new OnClickListener() {
    
92. @Override
    
93. public void onClick(View v) {
    
94. // TODO Auto-generated method stub
    
95. // 这里可以执行相关操作
    
96. System.out.println("关闭操作");
    
97. popupWindow.dismiss();
    
98. }
    
99. });
    
100. 
     
101. }
     
102. 
     
103. private void getPopupWindow() {
     
104. 
     
105. if (null != popupWindow) {
     
106. popupWindow.dismiss();
     
107. return;
     
108. } else {
     
109. initPopuptWindow();
     
110. }
     
111. }
     
112. }

复制代码

主要界面
2.main.xml

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="fill_parent"
   
5. android:orientation="vertical" >
   
6. <Button android:id="@+id/popBtn"
   
7. android:layout_width="fill_parent"
   
8. android:layout_height="wrap_content"
   
9. android:text="@string/pop_left" />
   
10. </LinearLayout>

复制代码

弹出层的布局
3.pop.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3. android:orientation="vertical"
   
4. android:layout_width="fill_parent"
   
5. android:layout_height="fill_parent"
   
6. android:background="@android:color/darker_gray">
   
7. <Button android:id="@+id/open"
   
8. android:layout_width="fill_parent"
   
9. android:layout_height="wrap_content"
   
10. android:background="@drawable/btn"
    
11. android:text="@string/open"/>
    
12. <Button android:id="@+id/save"
    
13. android:layout_width="fill_parent"
    
14. android:layout_height="wrap_content"
    
15. android:background="@drawable/btn"
    
16. android:text="@string/save"/>
    
17. <Button android:id="@+id/close"
    
18. android:layout_width="fill_parent"
    
19. android:layout_height="wrap_content"
    
20. android:background="@drawable/btn"
    
21. android:text="@string/close"/>
    
22. </LinearLayout>

复制代码

value下的style文件
4.style

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3. <style name="AnimationFade">
   
4. <!--   PopupWindow左右弹出的效果-->
   
5. <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>
   
6. <item name="android:windowExitAnimation">@anim/out_righttoleft</item>
   
7. </style>
   
8. </resources>

复制代码

value下的string文件
5.string.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3. <string name="hello">Hello World, PopwindowOnLeftActivity!</string>
   
4. <string name="app_name">PopwindowOnLeft</string>
   
5. <string name="pop_left">弹出左侧菜单</string>
   
6. <string name="open">打开</string>
   
7. <string name="save">保存</string>
   
8. <string name="close">关闭</string>
   
9. </resources>

复制代码

anim目录下的文件
出现时从左往右的动画文件
6.in_lefttoright.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <set xmlns:android="http://schemas.android.com/apk/res/android">
   
3. <!-- 定义从左向右进入的动画 -->
   
4. <translate
   
5. android:fromXDelta="-100%"
   
6. android:toXDelta="0"
   
7. android:duration="500"/>
   
8. </set>

复制代码

退出时从右往左消失的动画
7.out_righttoleft.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <set xmlns:android="http://schemas.android.com/apk/res/android">
   
3. <!-- 定义从右向左动画退出动画 -->
   
4. <translate
   
5. android:fromXDelta="0"
   
6. android:toXDelta="-100%"
   
7. android:duration="500"/>
   
8. </set>

复制代码