//准备PopupWindow的布局View
View popupView = LayoutInflater.from(this).inflate(R.layout.popup, null);
//初始化一个PopupWindow,width和height都是WRAP_CONTENT
PopupWindow popupWindow = new PopupWindow(
ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
//设置PopupWindow的视图内容
popupWindow.setContentView(popupView);
//点击空白区域PopupWindow消失,这里必须先设置setBackgroundDrawable,否则点击无反应
popupWindow.setBackgroundDrawable(new ColorDrawable(0x00000000));
popupWindow.setOutsideTouchable(true);
//设置PopupWindow动画
popupWindow.setAnimationStyle(R.style.AnimDown);
//设置是否允许PopupWindow的范围超过屏幕范围
popupWindow.setClippingEnabled(true);
//设置PopupWindow消失监听
popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
@Override
public void onDismiss() {
}
});
//PopupWindow在targetView下方弹出
popupWindow.showAsDropDown(targetView);
再来看看我封装之后的使用方式:
final PopupWindowHelper.Builder builder = new PopupWindowHelper.Builder();
builder.context(this)
.view(mSelectPriceStarView)
.anchor(mSearchPriceStarTv)
.alpha(0.5f)
.width(DisplayUtil.WIDTH_PI)
.height(DisplayUtil.HEIGHT_PI / 2)
.backgroundDrawable(new ColorDrawable())
.focusable(true)
.style(R.style.popwin_anim_style)
.position(PopupWindowHelper.SCREEN_BOTTOM);
final PopupWindowHelper popupWindowHelper = builder.build();
PopupWindow popupWindow = popupWindowHelper.show();
首先,分析一下需要哪些配置信息
-
Context
-
锚
-
布局id
-
需要显示的View
-
PopupWindow宽度
-
PopupWindow高度
-
PopupWindow style
-
PopupWindow点击外部是否取消
-
透明度
-
背景
-
PopupWindow弹出位置
大概就是上面这些了.有了配置信息,我们来创建Builder
public static class Builder {
private Context context;
private View anchor;
private int layoutId = -1;
private View showView;
private int width;
private int height;
private int style;
private boolean focusable;
private float alpha;
private Drawable backgroundDrawable;
private int popupPosition;
/**
- Context (必填)
*/
public Builder context(@NonNull Context context) {
this.context = context;
return this;
}
/**
- 锚 (必填)
*/
public Builder anchor(@NonNull View view) {
this.anchor = view;
return this;
}
/**
- 布局id (布局id和view选填1个)
*/
public Builder layout(int layoutId) {
this.layoutId = layoutId;
return this;
}
/**
- 需要显示的View (布局id和view选填1个)
*/
public Builder view(@NonNull View view) {
this.showView = view;
return this;
}
/**
- PopupWindow宽度
*/
public Builder width(int width) {
this.width = width;
return this;
}
/**
- PopupWindow高度
*/
public Builder height(int height) {
this.height = height;
return this;
}
/**
- PopupWindow style
*/
public Builder style(int style) {
this.style = style;
return this;
}
/**
- PopupWindow点击外部是否取消
*/
public Builder focusable(boolean focusable) {
this.focusable = focusable;
return this;
}
/**
- 透明度
*/
public Builder alpha(float alpha) {
this.alpha = alpha;
return this;
}
/**
- 背景
*/
public Builder backgroundDrawable(Drawable backgroundDrawable) {
this.backgroundDrawable = backgroundDrawable;
return this;
}
/**
-
PopupWindow弹出位置
-
@param popupPosition 可选:LEFT, RIGHT, TOP, BOTTOM, SCREEN_BOTTOM, SCREEN_TOP
*/
public Builder position(@PopupPosition int popupPosition) {
this.popupPosition = popupPosition;
return this;
}
/**
- 构建PopupSelectPriceStar 记得调用PopupSelectPriceStar.show()
*/
public PopupWindowHelper build() {
if (context == null) {
throw new IllegalArgumentException(“Context can’t be null!”);
}
if (anchor == null) {
throw new IllegalArgumentException(“anchor View can’t be null!”);
}
if (showView == null && layoutId == -1) {
throw new IllegalArgumentException(“showView can’t be null!”);
}
if (backgroundDrawable == null) {
backgroundDrawable = new ColorDrawable();
}
return new PopupWindowHelper(this);
}
}
创建封装类PopupWindowHelper
首先私有化构造方法,然后将builder里面的属性设置到PopupWindowHelper中
private PopupWindowHelper(Builder builder) {
this.mContext = builder.context;
this.mAnchor = builder.anchor;
this.mView = builder.showView;
this.mLayoutId = builder.layoutId;
this.mWidth = builder.width;
this.mHeight = builder.height;
this.mStyle = builder.style;
this.mFocusable = builder.focusable;
this.mAlpha = builder.alpha;
this.mBackgroundDrawable = builder.backgroundDrawable;
this.mPopupPosition = builder.popupPosition;
}
现在,有了这些东西,可以显示了,PopupWindowHelper提供给外部一个show()方法,用来显示PopupWindow
/**
- 显示PopupWindow
*/
public PopupWindow show() {
//1, 将弹出窗口需要展示的布局加载进来
//View popupView = View.inflate(mContext, mLayoutId, null);
//2, 创建popupWindow
//参数:view,宽度,高度,是否能获取焦点
if (mView != null) {
mPopupWindow = new PopupWindow(mView, mWidth, mHeight, true);
} else if (mLayoutId != -1) {
mView = View.inflate(mContext, mLayoutId, null);
mPopupWindow = new PopupWindow(mView, mWidth, mHeight, true);
}
//3, 设置显示隐藏的动画
mPopupWindow.setAnimationStyle(mStyle);
//4, 在PopupWindow里面就加上下面代码,让键盘弹出时,不会挡住pop窗口。
mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);
mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
//5, 点击空白处时,隐藏掉pop窗口
mPopupWindow.setFocusable(mFocusable);
//6, 隐藏PopupWindow下面的背景透明度
setBackgroundAlpha(mAlpha);
//7, 设置popupWindow的背景颜色 这里需要设置成透明的 这里设置成透明的
mPopupWindow.setBackgroundDrawable(mBackgroundDrawable);
//8, 添加pop窗口关闭事件
mPopupWindow.setOnDismissListener(this);
//9, 位置
switch (mPopupPosition) {
case LEFT:
mPopupWindow.showAsDropDown(mAnchor, -mPopupWindow.getWidth(), -mPopupWindow
.getHeight()
/ 2 - mAnchor.getHeight() / 2);
break;
case RIGHT:
mPopupWindow.showAsDropDown(mAnchor, mAnchor.getWidth(), (-mPopupWindow
.getHeight()
- (mAnchor.getHeight() >> 1));
break;
case TOP:
mPopupWindow.showAsDropDown(mAnchor,
Math.abs(mAnchor.getWidth() / 2 - mPopupWindow.getWidth() / 2),
-(mPopupWindow.getHeight() + mAnchor.getMeasuredHeight()));
break;
case BOTTOM:
mPopupWindow.showAsDropDown(mAnchor,
Math.abs(mAnchor.getWidth() / 2 - mPopupWindow.getWidth() / 2), 0);
break;
case SCREEN_BOTTOM:
mPopupWindow.showAtLocation(mAnchor, Gravity.BOTTOM, 0, 0);
break;
case SCREEN_TOP:
mPopupWindow.showAtLocation(mAnchor, Gravity.TOP, 0, 0);
break;
default:
mPopupWindow.showAtLocation(mAnchor, Gravity.BOTTOM, 0, 0);
break;
}
return mPopupWindow;
}
完整代码
-
加入注解,代替Java枚举类型
-
提供给外部dismiss()方法,可以控制dismiss()
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.support.annotation.IntDef;
import android.support.annotation.NonNull;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager;
import android.widget.PopupWindow;
import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
/**
-
Created by feiyang on 2017/12/1 12:48
-
Description : 通用的弹出PopupWindow
*/
public class PopupWindowHelper implements PopupWindow.OnDismissListener {
/**
- PopupWindow放在view左边
*/
public static final int LEFT = 1000;
/**
- PopupWindow放在view右边
*/
public static final int RIGHT = 1001;
/**
- PopupWindow放在view上边
*/
public static final int TOP = 1002;
/**
- PopupWindow放在view下边
*/
public static final int BOTTOM = 1003;
/**
- PopupWindow放在屏幕底部
*/
public static final int SCREEN_BOTTOM = 1004;
/**
- PopupWindow放在屏幕顶部
*/
public static final int SCREEN_TOP = 1005;
/**
- popupWindow位置类型 替代Java中的枚举类型
*/
@Retention(RetentionPolicy.SOURCE)
@IntDef({LEFT, RIGHT, TOP, BOTTOM, SCREEN_BOTTOM, SCREEN_TOP})
private @interface PopupPosition {
}
private Context mContext;
private View mAnchor;
private View mView;
private int mLayoutId = -1;
private int mWidth;
private int mHeight;
private int mStyle;
private boolean mFocusable;
private float mAlpha;
private Drawable mBackgroundDrawable;
private int mPopupPosition;
private PopupWindow mPopupWindow;
private PopupWindowHelper(Builder builder) {
this.mContext = builder.context;
this.mAnchor = builder.anchor;
this.mView = builder.showView;
this.mLayoutId = builder.layoutId;
this.mWidth = builder.width;
this.mHeight = builder.height;
this.mStyle = builder.style;
this.mFocusable = builder.focusable;
this.mAlpha = builder.alpha;
this.mBackgroundDrawable = builder.backgroundDrawable;
this.mPopupPosition = builder.popupPosition;
}
/**
- PopupWindow dismiss
*/
public void dismiss() {
if (mPopupWindow != null) {
mPopupWindow.dismiss();
}
}
/**
- 显示PopupWindow
*/
public PopupWindow show() {
//1, 将弹出窗口需要展示的布局加载进来
//View popupView = View.inflate(mContext, mLayoutId, null);
//2, 创建popupWindow
//参数:view,宽度,高度,是否能获取焦点
if (mView != null) {
mPopupWindow = new PopupWindow(mView, mWidth, mHeight, true);
} else if (mLayoutId != -1) {
mView = View.inflate(mContext, mLayoutId, null);
mPopupWindow = new PopupWindow(mView, mWidth, mHeight, true);
}
//3, 设置显示隐藏的动画
mPopupWindow.setAnimationStyle(mStyle);
//4, 在PopupWindow里面就加上下面代码,让键盘弹出时,不会挡住pop窗口。
mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);
mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
//5, 点击空白处时,隐藏掉pop窗口
mPopupWindow.setFocusable(mFocusable);
//6, 隐藏PopupWindow下面的背景透明度
setBackgroundAlpha(mAlpha);
//7, 设置popupWindow的背景颜色 这里需要设置成透明的 这里设置成透明的
最后
下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。希望能够帮助到大家提升技术
高级UI,自定义View
UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。
不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!
}
//3, 设置显示隐藏的动画
mPopupWindow.setAnimationStyle(mStyle);
//4, 在PopupWindow里面就加上下面代码,让键盘弹出时,不会挡住pop窗口。
mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);
mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
//5, 点击空白处时,隐藏掉pop窗口
mPopupWindow.setFocusable(mFocusable);
//6, 隐藏PopupWindow下面的背景透明度
setBackgroundAlpha(mAlpha);
//7, 设置popupWindow的背景颜色 这里需要设置成透明的 这里设置成透明的
最后
下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。希望能够帮助到大家提升技术
[外链图片转存中…(img-3C3wTS9F-1715257824461)]
高级UI,自定义View
UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。
不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!
[外链图片转存中…(img-toDM95yR-1715257824462)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!