Android PopupWindow实现微信右上角的弹出菜单
时间：2021-05-16 09:38:12|栏目：Android代码|点击： 次
日常开发过程中对于PopupWindown的使用也是比较多的。这里给大家展示一下PopupWindow的使用。
修改activity_main.xml布局：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="${relativePackage}.${activityClass}" >
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dip"
android:background="@android:color/holo_blue_dark">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="10dip"
android:background="@drawable/ic_launcher" />
<ImageView
android:id="@+id/rl_more"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/ability_show_item_bg"
android:paddingLeft="15dp"
android:paddingRight="5dp"
android:layout_alignParentRight="true"
android:src="@drawable/actionbar_more_icon" />
</RelativeLayout>
</RelativeLayout>
新建popup_window.xml布局文件
<?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:background="@android:color/white" android:gravity="center_horizontal" android:orientation="vertical" > <TextView android:id="@+id/settings" android:layout_width="match_parent" android:layout_height="45dp" android:gravity="center" android:padding="12dp" android:text="设置" android:textSize="16sp" /> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#BDBDBD" /> <TextView android:id="@+id/about" android:layout_width="match_parent" android:layout_height="45dp" android:gravity="center" android:padding="12dp" android:text="关于" android:textSize="16sp" /> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#BDBDBD" /> <TextView android:id="@+id/ability_logout" android:layout_width="match_parent" android:layout_height="45dp" android:gravity="center" android:padding="12dp" android:text="退出" android:textSize="16sp" /> </LinearLayout>
自定义PopupWindow类PopWindow
package com.syz.mypopupwindow;
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.PopupWindow;
/**
* <p>Title:PopWindow</p>
* <p>Description: 自定义PopupWindow</p>
* @author syz
* @date 2016-3-14
*/
public class PopWindow extends PopupWindow{
private View conentView;
public PopWindow(final Activity context){
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
conentView = inflater.inflate(R.layout.popup_window, null);
int h = context.getWindowManager().getDefaultDisplay().getHeight();
int w = context.getWindowManager().getDefaultDisplay().getWidth();
// 设置SelectPicPopupWindow的View
this.setContentView(conentView);
// 设置SelectPicPopupWindow弹出窗体的宽
this.setWidth(w / 2 + 40);
// 设置SelectPicPopupWindow弹出窗体的高
this.setHeight(LayoutParams.WRAP_CONTENT);
// 设置SelectPicPopupWindow弹出窗体可点击
this.setFocusable(true);
this.setOutsideTouchable(true);
// 刷新状态
this.update();
// 实例化一个ColorDrawable颜色为半透明
ColorDrawable dw = new ColorDrawable(0000000000);
// 点back键和其他地方使其消失,设置了这个才能触发OnDismisslistener ，设置其他控件变化等操作
this.setBackgroundDrawable(dw);
// mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
// 设置SelectPicPopupWindow弹出窗体动画效果
this.setAnimationStyle(R.style.AnimationPreview);
conentView.findViewById(R.id.about).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
//do something you need here
PopWindow.this.dismiss();
}
});
conentView.findViewById(R.id.ability_logout).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// do something before signing out
context.finish();
PopWindow.this.dismiss();
}
});
conentView.findViewById(R.id.settings).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// do something you need here
PopWindow.this.dismiss();
}
});
}
/**
* 显示popupWindow
*
* @param parent
*/
public void showPopupWindow(View parent) {
if (!this.isShowing()) {
// 以下拉方式显示popupwindow
this.showAsDropDown(parent, parent.getLayoutParams().width / 2, 5);
} else {
this.dismiss();
}
}
}
添加自定义PopupWindow所需的style
AnimationPreview
<style name="AnimationPreview"> <item name="android:windowEnterAnimation">@anim/fade_in</item> <item name="android:windowExitAnimation">@anim/fade_out</item> </style>
添加style所需的动画
fade_in.xml
<?xml version="1.0" encoding="utf-8"?> <!-- 左上角扩大--> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="0.001" android:toXScale="1.0" android:fromYScale="0.001" android:toYScale="1.0" android:pivotX="100%" android:pivotY="10%" android:duration="200" />
fade_out.xml
<?xml version="1.0" encoding="utf-8"?> <!-- 左上角缩小 --> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_decelerate_interpolator" android:fromXScale="1.0" android:toXScale="0.001" android:fromYScale="1.0" android:toYScale="0.001" android:pivotX="100%" android:pivotY="10%" android:duration="200" />
最后在MainActivity类中使用
package com.syz.mypopupwindow;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
public class MainActivity extends Activity implements OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
findViewById(R.id.rl_more).setOnClickListener(this);
}
@Override
public void onClick(View v) {
if(v.getId() == R.id.rl_more){
PopWindow popWindow = new PopWindow(this);
popWindow.showPopupWindow(findViewById(R.id.rl_more));
}
}
}
效果图：
