Android自定义popWindow教程

article/2025/9/5 22:41:25

俗话说没有图说话不硬气!

上图:
这里写图片描述

说明:演示图最底部的一个红色区域是我在布局文件中添加的.主要是为了说明自定义popWindow的自下而上弹出时,会将原来的根布局进行遮盖,而不是将布局顶上去.了解一下

popWindow在android中的使用其实很常见.本文就带领你无自定义一个popWindow.

自定义popWindow类:

public class CustomPopWindow extends PopupWindow {private static final String TAG = "CustomPopWindow";private final View view;private Activity context;private View.OnClickListener itemClick;public CustomPopWindow(Activity context, View.OnClickListener itemClick) {super(context);LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);view = inflater.inflate(R.layout.widget_popupwindow, null);//alt+ctrl+fthis.itemClick = itemClick;this.context = context;initView();initPopWindow();}private void initView() {final LinearLayout popBg = view.findViewById(R.id.pop_bg);LinearLayout weChatShare = view.findViewById(R.id.ll_wechat_share);LinearLayout weChatZone = view.findViewById(R.id.ll_wechat_zone);LinearLayout qqShare = view.findViewById(R.id.ll_qq_share);LinearLayout qqZone = view.findViewById(R.id.ll_qq_zone);TextView cancelTv = view.findViewById(R.id.share_cancel);weChatShare.setOnClickListener(itemClick);weChatZone.setOnClickListener(itemClick);qqShare.setOnClickListener(itemClick);qqZone.setOnClickListener(itemClick);cancelTv.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {dismiss();}});}private void initPopWindow() {this.setContentView(view);// 设置弹出窗体的宽this.setWidth(LayoutParams.MATCH_PARENT);// 设置弹出窗体的高this.setHeight(LayoutParams.WRAP_CONTENT);// 设置弹出窗体可点击()this.setFocusable(true);this.setOutsideTouchable(true);//设置SelectPicPopupWindow弹出窗体动画效果this.setAnimationStyle(R.style.mypopwindow_anim_style);// 实例化一个ColorDrawable颜色为半透明ColorDrawable dw = new ColorDrawable(0x00FFFFFF);//设置弹出窗体的背景this.setBackgroundDrawable(dw);backgroundAlpha(context, 0.5f);//0.0-1.0}/*** 设置添加屏幕的背景透明度(值越大,透明度越高)** @param bgAlpha*/public void backgroundAlpha(Activity context, float bgAlpha) {WindowManager.LayoutParams lp = context.getWindow().getAttributes();lp.alpha = bgAlpha;context.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);context.getWindow().setAttributes(lp);}
}

代码很简单,都能看懂.有几个点需要强调下:

(1). 记得添加:

  ColorDrawable dw = new ColorDrawable(0x00FFFFFF);//设置弹出窗体的背景this.setBackgroundDrawable(dw);

你就记得这玩意是标配,自定义popwindow必须添加这个,不然有可能造成点击外围不消失的情况.

(2). 如果你想使得自定义popWindow,点击外围区域可以dismiss掉.记得设置:

 this.setFocusable(true);this.setOutsideTouchable(true);

有点尴尬的是,我把 this.setOutsideTouchable(true);改成 this.setOutsideTouchable(false);也能实现点击外围消失的效果.尴尬,至于为什么我也不太清楚.反正加上就对了.

(3).还有一个需要注意的点就是.编写自定义布局的时候,记得待显示的区域尽可能从上而下布局.可能有点难理理解.但是我就遇到了这个问题.编写自定义布局的时候,将待显示的popwindow区域.通过 android:layout_alignParentBottom="true"置于底部.结果弹出来之后.点击外围区域,始终无法dismiss掉.你就记住一点如果各种情况都试了,点击popWindow外围依然无法dismiss掉,这个时候你记得关注你的自定义布局(有关系).

(4). 正如演示效果一样,在popwindow弹出之后,背景变暗.点击外围popWindow消失之后,背景恢复成原来的透明度.
这里是 如何设置点击外围区域的监听事件的呢? 很简单,popWindow本身就有可以对当前状态(是否dismiss)进行监听的接口,如下:

 mPopwindow.setOnDismissListener(new PopupWindow.OnDismissListener() {@Overridepublic void onDismiss() {mPopwindow.backgroundAlpha(MainActivity.this, 1f);}});

(5). 给popwindow添加动画动画效果,通过:

  //设置SelectPicPopupWindow弹出窗体动画效果this.setAnimationStyle(R.style.mypopwindow_anim_style);

问题来了,mypopwindow_anim_style怎么来的呢?

首先,在res下新建anim资源文件夹.
然后在anim中添加弹出/隐藏动画文件.如下所示:
pop弹出动画:popshow_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="250"android:fromYDelta="100%p"android:toYDelta="0" /><alphaandroid:duration="250"android:fromAlpha="0.0"android:toAlpha="1.0" />
</set>

pop隐藏时动画:pophidden_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="250"android:fromYDelta="0"android:toYDelta="50%p" /><alphaandroid:duration="250"android:fromAlpha="1.0"android:toAlpha="0.0" />
</set>

最后,在style.xml中添加:

 <!--  这个是加入的发现模块弹出评论的动画样式 代码 --><style name="mypopwindow_anim_style"><item name="android:windowEnterAnimation">@anim/popshow_anim</item><!-- 指定显示的动画xml --><item name="android:windowExitAnimation">@anim/pophidden_anim</item><!-- 指定消失的动画xml --></style>

OK,动画添加完毕.

自定义popWindow类有了,如何使用呢?

下面贴出主程序:
MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {private static final String TAG = "MainActivity";private CustomPopWindow mPopwindow;private RelativeLayout activityMain;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);activityMain = findViewById(R.id.activity_main);findViewById(R.id.share).setOnClickListener(this);}@Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {float x = ev.getX();float y = ev.getY();Log.i(TAG, "onTouchEvent: x::"+x+" y::"+y+" return value::"+super.dispatchTouchEvent(ev));return super.dispatchTouchEvent(ev);}@Overridepublic boolean onTouchEvent(MotionEvent event) {return super.onTouchEvent(event);}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.share://使用popWindowmPopwindow = new CustomPopWindow(MainActivity.this, itemsOnClick);mPopwindow.showAtLocation(v,Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);mPopwindow.setOnDismissListener(new PopupWindow.OnDismissListener() {@Overridepublic void onDismiss() {mPopwindow.backgroundAlpha(MainActivity.this, 1f);}});break;default:break;}}//为弹出窗口实现监听类private View.OnClickListener itemsOnClick = new View.OnClickListener() {public void onClick(View v) {mPopwindow.dismiss();switch (v.getId()) {case R.id.ll_wechat_share:Toast.makeText(MainActivity.this, "微信好友", Toast.LENGTH_SHORT).show();break;case R.id.ll_wechat_zone:Toast.makeText(MainActivity.this, "朋友圈", Toast.LENGTH_SHORT).show();break;case R.id.ll_qq_share:Toast.makeText(MainActivity.this, "QQ好友", Toast.LENGTH_SHORT).show();break;case R.id.ll_qq_zone:Toast.makeText(MainActivity.this, "QQ空间", Toast.LENGTH_SHORT).show();break;default:break;}}};}