【问题标题】:Circular reveal animation in new Navigation architecture新导航架构中的圆形显示动画
【发布时间】:2019-11-14 14:53:27
【问题描述】:

我可以通过循环显示动画前往下一个目的地。我唯一的问题是前一个片段消失了,除非我在我的操作app:exitAnim="@anim/exit_fade_out" 中设置了淡出退出转换。我想问是否有人能够在进行循环显示时保持之前的片段可见。

这是显示和隐藏新片段的代码.. 到目前为止,这可行,但我无法将前一个片段显示为掩蔽下一个片段

private val maxScreenDimension : Float
get() {
    return max(container.width, container.height).toFloat()
}

private fun circularReveal(point: Point) {
    val viewTreeObserver = container.viewTreeObserver
    if (viewTreeObserver.isAlive) {
        viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
            override fun onGlobalLayout() {
                doCircularReveal(point)
                container.viewTreeObserver.removeOnGlobalLayoutListener(this)
            }
        })
    }
}

private fun doCircularReveal(point: Point) {
    val initRadius = 0f
    val finalRadius = maxScreenDimension

    val circularReveal = ViewAnimationUtils.createCircularReveal(
        container,
        point.x,
        point.y,
        initRadius,
        finalRadius
    )

    circularReveal.duration = resources.getInteger(R.integer.circular_animation_out).toLong()

    circularReveal.start()
}

private fun circularHide(point: Point) {
    val initRadius = maxScreenDimension
    val finalRadius = 0f

    val circularReveal = ViewAnimationUtils.createCircularReveal(
        container,
        point.x,
        point.y,
        initRadius,
        finalRadius
    )

    circularReveal.duration = resources.getInteger(R.integer.circular_animation_in).toLong()
    circularReveal.doOnEnd {
        container.isVisible = false
        findNavController().popBackStack()
    }

    circularReveal.start()
}

【问题讨论】:

    标签: android kotlin navigation


    【解决方案1】:

    因此,如果您想知道如何保留前一个屏幕并为下一个屏幕制作循环显示动画。我的解决方案是简单地添加一个新片段。我不认为Navigation 组件允许这种类型的动画。早些时候,我做了一个共享元素转换,只要我在两个屏幕之间使用淡入/淡出转换,它就可以正常工作。通过这种方式,我能够在共享元素过渡播放时保留前一个屏幕。我在想Navigation 组件不断替换以下片段。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-13
      相关资源
      最近更新 更多