我项目中有个需求,是要从下面滑出一个页面,点x往下滑走。这个页面占全屏(显示状态栏)当然,我首先想到的是用BottomSheetDialogFragment,因为我知道这就是用来做底出滑出效果的。可是用起来发现这个BottomSheetDialog用起来有这么多不爽的地方:
1. 你写的布局不是是全屏的,但他默认只出来一部分。于是用这样的代码解决了
val layoutParams = bottomSheet!!.layoutParams
val windowHeight = ScreenUtil.getScreenHeight(requireContext())
if (layoutParams != null) {
layoutParams.height = windowHeight
}
bottomSheet.layoutParams = layoutParams
还有这样的代码
dialog.behavior.state = BottomSheetBehavior.STATE_EXPANDED
但是发现滑动出来了会导致状态栏百年城黑底白色的(图标,和字都变成白色的),我的要求是不让他变成白色的。
于是我又加了这些代码
<item name="android:windowNoTitle">true</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:backgroundDimEnabled">false</item><!--activity不变暗-->
<!--动画设置-->
<item name="android:windowAnimationStyle">@style/store_MyBottomSheetAnimation</item>
发现没有黑底了,是白底的,但状态栏上的图标和字还是变成白色的,导致什么都看不见。
然后继续搜索,有人说是BottomSheetDialog高度导致状态栏变色,要自定义BottomSheetDialog,于是加了这些代码:
package com.maka.store.ui.home
import android.app.Activity
import android.content.Context
import android.content.res.Resources
import android.os.Bundle
import android.util.DisplayMetrics
import android.view.ViewGroup
import com.common.base.utils.ScreenUtil
import com.google.android.material.bottomsheet.BottomSheetDialog
class MyBottomSheetDialog(context: Context,style:Int): BottomSheetDialog(context,style) {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val screenHeight = ScreenUtil.getScreenHeight(ownerActivity)
val statusBarHeight = getStatusBarHeight(context)
val dialogHeight = screenHeight- statusBarHeight
window!!.setLayout(ViewGroup.LayoutParams.MATCH_PARENT, if (dialogHeight == 0) ViewGroup.LayoutParams.MATCH_PARENT else dialogHeight)
}
private fun getScreenHeight(activity: Activity?): Int {
val displaymetrics = DisplayMetrics()
activity!!.windowManager.defaultDisplay.getMetrics(displaymetrics)
return displaymetrics.heightPixels
}
private fun getStatusBarHeight(context: Context): Int {
var statusBarHeight = 0
val res: Resources = context.getResources()
val resourceId: Int = res.getIdentifier("status_bar_height", "dimen", "android")
if (resourceId > 0) {
statusBarHeight = res.getDimensionPixelSize(resourceId)
}
return statusBarHeight
}
}
加了这些代码,状态栏是没问题了,但页面高度又有问题了,在有虚拟键盘和无虚拟键盘时的高度有问题。
最终选择不使用BottomSheetDialogFragment,而是用Popupwindow实现滑动效果:
var popupWindow: PopupWindow? = null
private fun initPopupWindow() {
var contentView = LayoutInflater.from(this).inflate(R.layout.popup_home_add, null, false)
var ivClose = contentView.findViewById(R.id.iv_close) as ImageView
ivClose.setOnClickListener {
popupWindow?.dismiss()
}
//实例化PopupWindow并设置宽高
popupWindow = PopupWindow(
contentView,
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.MATCH_PARENT
)
popupWindow?.setBackgroundDrawable(BitmapDrawable())
popupWindow?.setOutsideTouchable(true) //点击外部消失,这里因为PopupWindow填充了整个窗口,所以这句代码就没用了
popupWindow?.setTouchable(true) //设置可以点击
popupWindow?.setAnimationStyle(R.style.store_AnimBottom)//进入退出的动画
}
private fun showPopWindow() {
popupWindow?.showAtLocation(root, Gravity.BOTTOM, 0, 0)
}
切入动画:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:duration="300"
android:interpolator="@android:interpolator/accelerate_decelerate"
tools:ignore="ResourceName">
<translate
android:duration="300"
android:fromYDelta="100%p"
android:toYDelta="0" />
</set>
切出动画:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:duration="300"
android:interpolator="@android:interpolator/accelerate_decelerate"
tools:ignore="ResourceName">
<translate
android:duration="300"
android:fromYDelta="0"
android:toYDelta="100%p"/>
</set>
|