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

Question

我正在使用UIInterpolatingMotionEffect生成一个＆＃34;暗影效果＆＃34;基于设备倾斜。

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

// 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 = UIInterpolatingMotionEffect(keyPath: "layer.shadowOffset.height", type: .TiltAlongVerticalAxis)
verticalMotionEffect.minimumRelativeValue = -parallaxIntensity
verticalMotionEffect.maximumRelativeValue = parallaxIntensity

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

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

// Set horizontal shadow opacity effect
let horizontalTransparencyEffect: UIInterpolatingMotionEffect = 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的范围内）转换为a相对于你的最小值和最大值。它不是为了直接为您提供倾斜值。

一个可能的＆＃34; hack＆＃34;，我不建议创建一个透明视图，最小值为-1，最大值为1.这样你就可以从这个视图中读取倾斜值。

编辑： 你可以查看这个答案Use UIMotionEffect with OpenGL ES 这解释了类似的方法。