5

编辑

这是我想要可视化的(忽略丑陋的红线,它只是表示 UIView 的移动):

在此处输入图像描述

我想要一个在屏幕中间初始化的 UIView。在那之后,我想向上推它,重力将它拉下来,直到它离开屏幕。我的旧问题适用于 UIPushBehaviour、UIDynamicBehaviour 和 UIGravityBehaviour(见下文)。Matt 指出 UIPushBehaviour 可能不是正确的选择,因为它不能很好地适用于 iOS 上所有可用的屏幕尺寸。

我可以使用 UIView.animate 函数来做到这一点,但它确实是静态的,看起来并不自然。使用 UIPushBehaviour、UIDynamicBehaviour 和 UIGravityBehaviour,它看起来非常不错,但 UIPushBehaviour 的大小无法在每个屏幕尺寸上计算,以给出 UIView 的 x 和 y 位置的相同结束点。

问题

如何在屏幕中间初始化 UIView,“拉起”该 UIView(x 位置发生一些变化)并让重力(或其他东西)将其拉下直到它离开屏幕?重要的是 x 和 y 位置的变化在每个屏幕尺寸上都是相同的。

下面是我的老问题

我有一个UIPushBehaviourwith instantaneousas 模式,我在其中推动一些UIViews。屏幕尺寸越大,推动的越少。
我也有一个UIDynamicItemBehaviorwith resistanceset to 1,我认为这是每个屏幕尺寸不同的主要原因之一(如果我错了,请纠正我)。

我想要一个功能,它将以相同的速度、持续时间和结束点推UIView送到相同的结束点,而不管屏幕大小。

我试图在没有任何运气的情况下做出相对大小:

对于 iPhone 5S,假设 amagnitude会从中间到顶部0.5触摸 a 。UIView我想计算所有设备的幅度,如下所示:

let y = 0.5 / 520 // 5S screen height
magnitude = self.view.frame.height * y

对于 iPhone 8,它具有非常不同的输出并且无法正常工作。在阅读文档时,我以为我会理解它。我认为 1 量级代表 100 像素,但显然不是这样。
有什么方法可以计算幅度,例如,将 aUIView从中间移动到右侧?

我在这里做了一个项目。在 iPhone 5 上,黑色UIView被推到边缘,但在 iPhone 8 上没有。

4

1 回答 1

4

解决方案

您需要相对于屏幕大小缩放推送量,以便您的视图始终在同一个位置结束。为此,调整UIPushBehavior'pushDirection向量效果很好。在这种情况下,我将推动方向设置为与视图的边界成比例,并将其缩小一个常数因子。

let push = UIPushBehavior(items: [pushView], mode: .instantaneous)
let pushFactor: CGFloat = 0.01
push.pushDirection = CGVector(dx: -view.bounds.width * pushFactor, dy: -view.bounds.height * pushFactor)
animator.addBehavior(push)

您可能需要调整一些常量以获得所需的确切动画。您可以调整的常数是:

  • 重力大小(目前为 0.3)
  • 推动因子(目前为 0.01)

根据您的需要,您可能还需要根据屏幕大小按比例缩放重力大小。

注意:这些常量需要根据动画视图的大小进行更改,因为 UIKit Dynamics 将视图的大小视为其质量。如果您的视图需要动态调整大小,则需要根据动画视图的大小缩放常量。

编辑对原始问题的评论:

  • 不同大小的视图:就像我在上面的注释中提到的那样,您需要应用一个额外的因素来解释视图的“质量”。类似的东西view.frame.height * view.frame.width * someConstant应该很好用。

  • iPad 屏幕尺寸:目前pushFactor适用于矢量的dxdy组件。因为 iPad 具有不同的纵横比,您需要将其拆分为两个常数,也许xPushFactoryPushFactor,这可以解释纵横比的差异。

例子

iPhone 8

iPhone 8 屏幕尺寸解决方案的 gif

iPhone SE

iPhone SE 尺寸解决方案的 gif

完整的游乐场源代码

将此代码复制并粘贴到 Swift Playground 中以查看它的运行情况。我已经包含了各种 iPhone 屏幕的尺寸,因此只需取消注释您想要在不同设备尺寸上轻松测试动画的尺寸。大多数有趣/相关的代码都在viewDidAppear.

import UIKit
import PlaygroundSupport

class ViewController: UIViewController {

    let pushView = UIView()
    var animator: UIDynamicAnimator!

    override func viewDidLoad() {
        super.viewDidLoad()

        view.frame = CGRect(x: 0, y: 0, width: 568, height: 320) // iPhone SE
//        view.frame = CGRect(x: 0, y: 0, width: 667, height: 375) // iPhone 8
//        view.frame = CGRect(x: 0, y: 0, width: 736, height: 414) // iPhone 8+
//        view.frame = CGRect(x: 0, y: 0, width: 812, height: 375) // iPhone X

        view.backgroundColor = .white
        let pushViewSize = CGSize(width: 200, height: 150)
        pushView.frame = CGRect(x: view.bounds.midX - pushViewSize.width / 2, y: view.bounds.midY - pushViewSize.height / 2, width: pushViewSize.width, height: pushViewSize.height)
        pushView.backgroundColor = .red
        view.addSubview(pushView)

        animator = UIDynamicAnimator(referenceView: self.view)
        let dynamic = UIDynamicItemBehavior()
        dynamic.resistance = 1
        animator.addBehavior(dynamic)

    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)

        let gravity = UIGravityBehavior(items: [pushView])
        gravity.magnitude = 0.3
        animator.addBehavior(gravity)

        let push = UIPushBehavior(items: [pushView], mode: .instantaneous)
        let pushFactor: CGFloat = 0.01
        push.pushDirection = CGVector(dx: -view.bounds.width * pushFactor, dy: -view.bounds.height * pushFactor)
        animator.addBehavior(push)

    }

}

let vc = ViewController()
PlaygroundPage.current.needsIndefiniteExecution = true
PlaygroundPage.current.liveView = vc.view
于 2017-10-08T15:24:35.197 回答