IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 从使用BottomSheetDialogFragment到放弃,改直接使用Popupwindow -> 正文阅读

[移动开发]从使用BottomSheetDialogFragment到放弃,改直接使用Popupwindow

我项目中有个需求,是要从下面滑出一个页面,点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>
  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-12-10 11:10:25  更:2021-12-10 11:12:27 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 7:35:24-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码