如何定制UIInterpolatingMotionEffect以根据设备的方向设置不同的阴影效果？

Question

我使用UIInterpolatingMotionEffect来产生一个基于设备倾斜的“阴影效应”。

我有一个带有一些文本的标签，并应用了以下代码来获得效果：

// Set shadow properties
let layer = self.label.layer
layer.shadowColor = UIColor.blackColor().CGColor
layer.shadowRadius = 9
layer.shadowOpacity = 0.7
layer.shadowOffset = CGSizeMake(10, 10)

// Set vertical shadow effect
let verticalMotionEffect: UIInterpolatingMotionEffect = UIInterpolatingMotionEffect(keyPath: "layer.shadowOffset.height", type: .TiltAlongVerticalAxis)
verticalMotionEffect.minimumRelativeValue = 100
verticalMotionEffect.maximumRelativeValue = -100
    
// Set horizontal shadow effect
let horizontalMotionEffect: UIInterpolatingMotionEffect = UIInterpolatingMotionEffect(keyPath: "layer.shadowOffset.width", type: .TiltAlongHorizontalAxis)
horizontalMotionEffect.minimumRelativeValue = 100
horizontalMotionEffect.maximumRelativeValue = -100
    
// Create group to combine both
let group = UIMotionEffectGroup()
group.motionEffects = [horizontalMotionEffect, verticalMotionEffect]
    
// Add both effects to the label
self.label.addMotionEffect(group)

其结果如下：

​

但是我希望当设备是静态的，或者当设备与眼睛平行的时候，文本是不可见的。因此，我们必须旋转/倾斜设备，才能理解所写的内容。

字体颜色是白色的。在初始位置，阴影也应该是白色或0不透明度，并慢慢增加不透明度以及半径基础上的设备倾斜。

我无法找到一种方法来捕捉设备的倾斜值，然后我可以即兴发挥条件，以获得我想要的效果。我所有的网络搜索都把我带到了CMMotionManager。有没有办法通过UIInterpolatingMotionEffect或UIMotionEffect做到这一点？

提前感谢！

Answer 1

通过控制图层的阴影不透明度，我能够得到我想要的效果。我控制阴影不透明度通过两个倾斜轴的最小和最大值为-1.0和1.0，因为我希望不透明度最初是0。以下是代码：

let layer = self.layer
layer.shadowColor = UIColor.blackColor().CGColor
layer.shadowRadius = radius
//layer.shadowOpacity = opacity
layer.shadowOffset = CGSizeMake(offset, offset)

// Set vertical shadow effect
let verticalMotionEffect = UIInterpolatingMotionEffect(keyPath: "layer.shadowOffset.height", type: .TiltAlongVerticalAxis)
verticalMotionEffect.minimumRelativeValue = -parallaxIntensity
verticalMotionEffect.maximumRelativeValue = parallaxIntensity

// Set vertical shadow opacity effect
let verticalTransparencyEffect = UIInterpolatingMotionEffect(keyPath: "layer.shadowOpacity", type: .TiltAlongVerticalAxis)
verticalTransparencyEffect.minimumRelativeValue = -1.0
verticalTransparencyEffect.maximumRelativeValue = 1.0

// Set horizontal shadow effect
let horizontalMotionEffect = UIInterpolatingMotionEffect(keyPath: "layer.shadowOffset.width", type: .TiltAlongHorizontalAxis)
horizontalMotionEffect.minimumRelativeValue = -parallaxIntensity
horizontalMotionEffect.maximumRelativeValue = parallaxIntensity

// Set horizontal shadow opacity effect
let horizontalTransparencyEffect = UIInterpolatingMotionEffect(keyPath: "layer.shadowOpacity", type: .TiltAlongHorizontalAxis)
horizontalTransparencyEffect.minimumRelativeValue = -1.0
horizontalTransparencyEffect.maximumRelativeValue = 1.0

// Create group to combine all effects
let group = UIMotionEffectGroup()
group.motionEffects = [verticalMotionEffect, verticalTransparencyEffect, horizontalMotionEffect, horizontalTransparencyEffect]

// Add both effects to the label
self.addMotionEffect(group)

注意:需要禁用layer.shadowOpacity的手动设置才能工作。

Answer 2

UIInterpolatingMotionEffect的思想是照顾自己-您只需提供最小值和最大值，它读取轴值，并将倾斜值(范围为-1到1)转换为相对于最小值和最大值的值。它不打算直接提供你的倾斜值。

我不建议创建一个透明视图，其最小值为-1，最大值为1。这样，您就可以从这个视图读取倾斜值。

编辑:您可以检查这个答案，Use UIMotionEffect with OpenGL ES，这说明了类似的方法。