android PopupWindow实现从底部弹出或滑出选择菜单或窗口

本实例弹出窗口主要是继承PopupWindow类来实现的弹出窗体，布局可以根据自己定义设计。弹出效果主要使用了translate和alpha样式实现，具体实习如下：

第一步：设计弹出窗口xml:

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>
2. <RelativeLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="wrap_content"
6. android:gravity="center_horizontal"
7. android:orientation="vertical"
8. >
9. <LinearLayout
10. android:id="@+id/pop_layout"
11. android:layout_width="fill_parent"
12. android:layout_height="wrap_content"
13. android:gravity="center_horizontal"
14. android:orientation="vertical"
15. android:layout_alignParentBottom="true"
16. android:background="@drawable/btn_style_alert_dialog_background"
17. >
18. <Button
19. android:id="@+id/btn_take_photo"
20. android:layout_marginLeft="20dip"
21. android:layout_marginRight="20dip"
22. android:layout_marginTop="20dip"
23. android:layout_width="fill_parent"
24. android:layout_height="wrap_content"
25. android:text="拍照"
26. android:background="@drawable/btn_style_alert_dialog_button"
27. android:textStyle="bold"
28. />
29. <Button
30. android:id="@+id/btn_pick_photo"
31. android:layout_marginLeft="20dip"
32. android:layout_marginRight="20dip"
33. android:layout_marginTop="5dip"
34. android:layout_width="fill_parent"
35. android:layout_height="wrap_content"
36. android:text="从相册选择"
37. android:background="@drawable/btn_style_alert_dialog_button"
38. android:textStyle="bold"
39. />
40. <Button
41. android:id="@+id/btn_cancel"
42. android:layout_marginLeft="20dip"
43. android:layout_marginRight="20dip"
44. android:layout_marginTop="15dip"
45. android:layout_marginBottom="15dip"
46. android:layout_width="fill_parent"
47. android:layout_height="wrap_content"
48. android:text="取消"
49. android:background="@drawable/btn_style_alert_dialog_cancel"
50. android:textColor="#ffffff"
51. android:textStyle="bold"
52. />
53. </LinearLayout>
54. </RelativeLayout>

第二步：创建SelectPicPopupWindow类继承PopupWindow：

Java代码  

1. import android.app.Activity;
2. import android.content.Context;
3. import android.graphics.drawable.ColorDrawable;
4. import android.view.LayoutInflater;
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.view.ViewGroup.LayoutParams;
10. import android.widget.Button;
11. import android.widget.PopupWindow;
12. public class SelectPicPopupWindow extends PopupWindow {
13. private Button btn_take_photo, btn_pick_photo, btn_cancel;
14. private View mMenuView;
15. public SelectPicPopupWindow(Activity context,OnClickListener itemsOnClick) {
16. super(context);
17. LayoutInflater inflater = (LayoutInflater) context
18. .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
19. mMenuView = inflater.inflate(R.layout.alert_dialog, null);
20. btn_take_photo = (Button) mMenuView.findViewById(R.id.btn_take_photo);
21. btn_pick_photo = (Button) mMenuView.findViewById(R.id.btn_pick_photo);
22. btn_cancel = (Button) mMenuView.findViewById(R.id.btn_cancel);
23. //取消按钮
24. btn_cancel.setOnClickListener(new OnClickListener() {
25. public void onClick(View v) {
26. //销毁弹出框
27. dismiss();
28. }
29. });
30. //设置按钮监听
31. btn_pick_photo.setOnClickListener(itemsOnClick);
32. btn_take_photo.setOnClickListener(itemsOnClick);
33. //设置SelectPicPopupWindow的View
34. this.setContentView(mMenuView);
35. //设置SelectPicPopupWindow弹出窗体的宽
36. this.setWidth(LayoutParams.FILL_PARENT);
37. //设置SelectPicPopupWindow弹出窗体的高
38. this.setHeight(LayoutParams.WRAP_CONTENT);
39. //设置SelectPicPopupWindow弹出窗体可点击
40. this.setFocusable(true);
41. //设置SelectPicPopupWindow弹出窗体动画效果
42. this.setAnimationStyle(R.style.AnimBottom);
43. //实例化一个ColorDrawable颜色为半透明
44. ColorDrawable dw = new ColorDrawable(0xb0000000);
45. //设置SelectPicPopupWindow弹出窗体的背景
46. this.setBackgroundDrawable(dw);
47. //mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外面则销毁弹出框
48. mMenuView.setOnTouchListener(new OnTouchListener() {
49. public boolean onTouch(View v, MotionEvent event) {
50. int height = mMenuView.findViewById(R.id.pop_layout).getTop();
51. int y=(int) event.getY();
52. if(event.getAction()==MotionEvent.ACTION_UP){
53. if(y<height){
54. dismiss();
55. }
56. }
57. return true;
58. }
59. });
60. }
61. }

第三步：编写MainActivity类实现测试：

Java代码  

1. import android.app.Activity;
2. import android.os.Bundle;
3. import android.view.Gravity;
4. import android.view.View;
5. import android.view.View.OnClickListener;
6. import android.widget.TextView;
7. public class MainActivity extends Activity {
8. //自定义的弹出框类
9. SelectPicPopupWindow menuWindow;
10. @Override
11. public void onCreate(Bundle savedInstanceState) {
12. super.onCreate(savedInstanceState);
13. setContentView(R.layout.activity_main);
14. TextView tv = (TextView) this.findViewById(R.id.text);
15. //把文字控件添加监听，点击弹出自定义窗口
16. tv.setOnClickListener(new OnClickListener() {
17. public void onClick(View v) {
18. //实例化SelectPicPopupWindow
19. menuWindow = new SelectPicPopupWindow(MainActivity.this, itemsOnClick);
20. //显示窗口
21. menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //设置layout在PopupWindow中显示的位置
22. }
23. });
24. }
25. //为弹出窗口实现监听类
26. private OnClickListener  itemsOnClick = new OnClickListener(){
27. public void onClick(View v) {
28. menuWindow.dismiss();
29. switch (v.getId()) {
30. case R.id.btn_take_photo:
31. break;
32. case R.id.btn_pick_photo:
33. break;
34. default:
35. break;
36. }
37. }
38. };
39. }

第四：运行效果如下：

• PicPopupWindow.zip (663.4 KB)