Android学习小Demo(14)Android中关于PopupWindow的使用
2014-03-17 08:55
381 查看
在一些场景中,我们希望能够点击按钮, 然后弹出一个菜单,而这个菜单是显示在屏幕的中央的,那么在Android中可以通过PopupWindow来实现这个效果。
具体效果如下图:
如上图中,我们点击“添加图片”按钮,然后在屏幕中央就弹出了一个菜单,可供我们选择“照相”,还是到“图库”中去选择。
下面我们来看一下具体实现:
1)首先,我们要定义一个layout,这个layout是用来放置两个按钮的,如下:
[html] view
plaincopy
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<Button
android:id="@+id/btnToDoCamera"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_gravity="center"
android:background="@drawable/shape_button"
android:gravity="center"
android:text="@string/camera"
android:textColor="@color/popup_window_button" />
<Button
android:id="@+id/btnToDoGallery"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_gravity="center"
android:background="@drawable/shape_button"
android:gravity="center"
android:text="@string/gallery"
android:textColor="@color/popup_window_button" />
</LinearLayout>
这个布局很简单,就是一个垂直方向的线性布局,在这里,将高度给固定好,宽度等一下由PopupWindow来指定。
2)在Java代码中创建一个PopupWindow对象,如下:
[java] view
plaincopy
private void initPopupWindow(){
View popupView = LayoutInflater.from(this).inflate(R.layout.pw_take_photo, null);
popupWindow = new PopupWindow(popupView,screenWidth / 2,ViewGroup.LayoutParams.WRAP_CONTENT);
popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.shape_popup_window));
popupWindow.setFocusable(true);
btnToDoCamera = (Button)popupview.findViewById(R.id.btnToDoCamera);
btnToDoCamera.setOnClickListener(this);
btnToDoGallery = (Button)popupview.findViewById(R.id.btnToDoGallery);
btnToDoGallery.setOnClickListener(this);
}
首先利用 LayoutInflater 将我们的布局 pw_take_photo.xml 给解析出来,然后调用 PopupWindow的构造函数,将 popupView 传给它,并同时指定宽度是屏幕的一半,而高度则是跟随内容的高度。
第二步,必须在这里给PopupWindow指定一个背景BackgroundDrawable,只有这样做了,当我们点击界面的其他地方的时候,PopupWindow才能退出前台,否则的话,一定得去触发PopupWindow里面的事件才能离开,而且,这里的Background,还不能在xml中进行定义,不然没有效果(我试过了,不过不懂得具体原因)。
第三步,因为PopupWindow创建之后,默认是无法获得焦点的,所以我们要在这里设置它可成为焦点,只有这样,才能去处理上面的按钮事件。
其实也可以通过下面的构造函数,直接将 PopupWindow直接设置为 focusable的,构造函数定义如下:
[java] view
plaincopy
public PopupWindow(View contentView, int width, int height, boolean focusable) {
if (contentView != null) {
mContext = contentView.getContext();
mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
}
setContentView(contentView);
setWidth(width);
setHeight(height);
setFocusable(focusable);
}
3)点击“添加图片”的时候,弹出菜单:
[java] view
plaincopy
@Override
public void onClick(View v) {
switch(v.getId()){
case R.id.btnAddImage:
popupWindow.showAtLocation((View)v.getParent(), Gravity.CENTER|Gravity.CENTER_HORIZONTAL, 0, 0);
break;
case R.id.btnToDoCamera:
if(popupWindow.isShowing()){
popupWindow.dismiss();
}
startCamera();
break;
case R.id.btnToDoGallery:
if(popupWindow.isShowing()){
popupWindow.dismiss();
}
startGallery();
break;
}
}
调用 PopupWindow.showAtLocation方法,将 PopupWindow 显示在屏幕上,与此同时,在 PopupWindow 上面的按钮事件被触发之后,我们也需要调用dismiss方法将这个 PopupWindow 给关掉。
结束。
具体效果如下图:
如上图中,我们点击“添加图片”按钮,然后在屏幕中央就弹出了一个菜单,可供我们选择“照相”,还是到“图库”中去选择。
下面我们来看一下具体实现:
1)首先,我们要定义一个layout,这个layout是用来放置两个按钮的,如下:
[html] view
plaincopy
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<Button
android:id="@+id/btnToDoCamera"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_gravity="center"
android:background="@drawable/shape_button"
android:gravity="center"
android:text="@string/camera"
android:textColor="@color/popup_window_button" />
<Button
android:id="@+id/btnToDoGallery"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_gravity="center"
android:background="@drawable/shape_button"
android:gravity="center"
android:text="@string/gallery"
android:textColor="@color/popup_window_button" />
</LinearLayout>
这个布局很简单,就是一个垂直方向的线性布局,在这里,将高度给固定好,宽度等一下由PopupWindow来指定。
2)在Java代码中创建一个PopupWindow对象,如下:
[java] view
plaincopy
private void initPopupWindow(){
View popupView = LayoutInflater.from(this).inflate(R.layout.pw_take_photo, null);
popupWindow = new PopupWindow(popupView,screenWidth / 2,ViewGroup.LayoutParams.WRAP_CONTENT);
popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.shape_popup_window));
popupWindow.setFocusable(true);
btnToDoCamera = (Button)popupview.findViewById(R.id.btnToDoCamera);
btnToDoCamera.setOnClickListener(this);
btnToDoGallery = (Button)popupview.findViewById(R.id.btnToDoGallery);
btnToDoGallery.setOnClickListener(this);
}
首先利用 LayoutInflater 将我们的布局 pw_take_photo.xml 给解析出来,然后调用 PopupWindow的构造函数,将 popupView 传给它,并同时指定宽度是屏幕的一半,而高度则是跟随内容的高度。
第二步,必须在这里给PopupWindow指定一个背景BackgroundDrawable,只有这样做了,当我们点击界面的其他地方的时候,PopupWindow才能退出前台,否则的话,一定得去触发PopupWindow里面的事件才能离开,而且,这里的Background,还不能在xml中进行定义,不然没有效果(我试过了,不过不懂得具体原因)。
第三步,因为PopupWindow创建之后,默认是无法获得焦点的,所以我们要在这里设置它可成为焦点,只有这样,才能去处理上面的按钮事件。
其实也可以通过下面的构造函数,直接将 PopupWindow直接设置为 focusable的,构造函数定义如下:
[java] view
plaincopy
public PopupWindow(View contentView, int width, int height, boolean focusable) {
if (contentView != null) {
mContext = contentView.getContext();
mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
}
setContentView(contentView);
setWidth(width);
setHeight(height);
setFocusable(focusable);
}
3)点击“添加图片”的时候,弹出菜单:
[java] view
plaincopy
@Override
public void onClick(View v) {
switch(v.getId()){
case R.id.btnAddImage:
popupWindow.showAtLocation((View)v.getParent(), Gravity.CENTER|Gravity.CENTER_HORIZONTAL, 0, 0);
break;
case R.id.btnToDoCamera:
if(popupWindow.isShowing()){
popupWindow.dismiss();
}
startCamera();
break;
case R.id.btnToDoGallery:
if(popupWindow.isShowing()){
popupWindow.dismiss();
}
startGallery();
break;
}
}
调用 PopupWindow.showAtLocation方法,将 PopupWindow 显示在屏幕上,与此同时,在 PopupWindow 上面的按钮事件被触发之后,我们也需要调用dismiss方法将这个 PopupWindow 给关掉。
结束。
相关文章推荐
- Android学习小Demo(14)Android中关于PopupWindow的使用
- Android学习小Demo(14)Android中关于PopupWindow的使用
- Android学习小Demo(17)关于ViewPager和Fragment的使用
- Android学习小Demo(13)Android中关于ContentObserver的使用
- android学习之路:关于使用ZIP命令打包APK
- 14_Android中Service的使用,关于广播接收者的说明
- Android动画学习Demo(3) 关于Property Animation的TimeInpolator和TypeEvaluator
- Android学习小Demo(8)SQLiteDatabase的使用
- Android动画学习Demo(3) 关于Property Animation的TimeInpolator和TypeEvaluatorhttp://blog.csdn.net/linmiansheng
- 关于Android PopupWindow 使用要注意的一些地方
- Android学习小Demo(20)关于Fragment的应用
- Android开发学习(14)Popupwindow右上角弹出菜单
- Android动画学习Demo(1) 关于ViewAnimation的用法及总结
- android学习小结5-各种控件使用方式DEMO
- Android学习小Demo(16)Android中使用已存在数据的SqliteDatabase
- Android中关于PopupWindow的使用简介
- 一个简单的demo学习Android远程Service(AIDL的使用)
- Mars Android视频学习笔记——01_14/15_Handler的使用
- APIDemo学习笔记——Android上几种简单的Animation使用方法(二)
- 一个简单的demo学习Android远程Service(AIDL的使用)