Android悬浮窗按钮实现点击并显示/隐藏多功能列表

2023-09-09 16:45:07 53

前言

最近在一个项目中，需要制作录屏的功能，原先是在应用中有录屏/控制的按钮，思考之下觉得这种效果并不好，因此就想制作一个可以悬浮的悬浮窗，这样不论手机在什么界面中都可以对录屏功能进行控制。

这里就来构建一个桌面的悬浮窗，使用了DataBinding的MVVM模式，这些方面就不再多提。

FloatNormalView

这个是一个普通的悬浮窗，悬浮窗只有一个按钮，点击按钮显示更多的按钮。

首先是页面布局：

下面一步步的介绍这个悬浮窗的创建。

1悬浮窗的显示

//创建WindowManager对象
privateWindowManagerwindowManager;
windowManager=(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);

//创建悬浮窗的LayoutParams
privatevoidinitLayoutParams(){
try{
DisplayMetricsmetrics=newDisplayMetrics();
windowManager.getDefaultDisplay().getMetrics(metrics);
screenWidth=metrics.widthPixels;
screenHeight=metrics.heightPixels;
lp=newWindowManager.LayoutParams();
if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.O){
lp.type=WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
}else{
lp.type=WindowManager.LayoutParams.TYPE_TOAST;
}
lp.flags=WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE|
WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
lp.gravity=Gravity.START|Gravity.TOP;
lp.x=screenWidth-view.getLayoutParams().width*2;
lp.y=0;
lp.width=WindowManager.LayoutParams.WRAP_CONTENT;
lp.height=WindowManager.LayoutParams.WRAP_CONTENT;
lp.format=PixelFormat.TRANSPARENT;
}catch(Exceptione){
}
}

上面分别创建了控制悬浮窗显示的WindowManager和控制悬浮窗布局的LayoutParams
然后使用如下代码就可展示悬浮窗了：

publicvoidshow(){
if(!isShowing){
isShowing=true;
windowManager.addView(this,lp);
}
}

想要移除悬浮窗也很简单，如下代码：

publicvoiddismiss(){
if(isShowing){
isShowing=false;
windowManager.removeView(this);
}
}

2触摸事件

触摸事件可以使得悬浮窗跟随手指进行移动

//界面
FloatLayoutBindinglayoutBinding=DataBindingUtil.inflate(LayoutInflater.from(context),R.layout.float_layout,this,false);
FloatNormalViewModelfloatNormalViewModel=newFloatNormalViewModel(context,layoutBinding,onClickCallback);
layoutBinding.setViewModel(floatNormalViewModel);
addView(layoutBinding.getRoot());
view=layoutBinding.root;
isShowControlView=layoutBinding.floatId;//这就是控制按钮

//控制的变量
privatefloatdownX,downY;
privatefloatmoveX,moveY;

//触摸事件
isShowControlView.setOnTouchListener(newOnTouchListener(){
@Override
publicbooleanonTouch(Viewview,MotionEventmotionEvent){
switch(motionEvent.getActionMasked()){
caseMotionEvent.ACTION_DOWN:
downX=motionEvent.getRawX();
downY=motionEvent.getRawY();
break;
caseMotionEvent.ACTION_MOVE:
moveX=motionEvent.getRawX()-downX;
moveY=motionEvent.getRawY()-downY;
downX+=moveX;
downY+=moveY;
updateViewPosition();
break;
}
returnfalse;
}
});
privatevoidupdateViewPosition(){
lp.x+=(int)(moveX);
lp.y+=(int)(moveY);
windowManager.updateViewLayout(this,lp);
}

3点击事件

点击事件是实现了一个回调函数，因为点击事件的逻辑不应该在此处完成，应当交给主布局进行控制，所以定义了一个点击接口。

这里事件的处理顺序是：点击了按钮后，按钮将点击事件通过回调函数来处理，而回调函数是由创建这个View的Activity或者Fragment、Service等提供的，就将事件处理交到了外部。

//点击的接口
publicinterfaceOnClickCallback{
publicvoidonClick(Viewview);
}
//控制按钮点击事件
publicvoidonControlClick(Viewview){
if(onClickCallback!=null)
onClickCallback.onClick(view);
}

多功能悬浮窗

多功能悬浮窗与上面类似，只不过在点击事件上较多而已。

而如何完成两个悬浮窗的切换呢，就可以利用之前所使用的OnClickCallback回调接口了，将一个显示、另一个隐藏即可，且两个悬浮窗若采用同一个LayoutParams就可以让两个显示在同一个位置。

privatevoidinit(){
floatNormalView=newFloatNormalView(context,newOnClickCallback(){
@Override
publicvoidonClick(Viewview){
floatControlView.setLayoutParams(floatNormalView.getLayoutParams());
floatControlView.show();
floatNormalView.dismiss();
}
});
floatControlView=newFloatControlView(context,newOnClickCallback(){
@Override
publicvoidonClick(Viewview){
floatNormalView.setLayoutParams(floatControlView.getLayoutParams());
floatNormalView.show();
floatControlView.dismiss();
}
},newFloatControlViewModel.OnVisibleChangeListener(){
@Override
publicvoidonChange(booleanisVisible){
if(isControlVisible){
floatControlView.show();
floatNormalView.dismiss();
}else{
floatControlView.dismiss();
floatNormalView.show();
}
}
});
floatNormalView.show();
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android悬浮窗按钮实现点击并显示/隐藏多功能列表

热门推荐

随机推荐