如何自定义 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

UIInterpolatingMotionEffect 的想法是自行处理 - 您只需提供最小值和最大值，它会读取轴值并转换倾斜值（在 -1 到 1 的范围内）相对于您的最小值和最大值的值。它不是为了直接为您提供倾斜值。

我不推荐的一种可能"hack"是创建一个透明视图，最小值为-1，最大值为1。这样你就可以从这个视图中读取倾斜值。

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

Answer 2

通过控制图层的阴影不透明度，我能够获得我想要的效果。我通过倾斜轴控制阴影不透明度，最小值和最大值分别为 -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 的手动设置需要禁用才能生效。

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

How can I customise UIInterpolatingMotionEffect to set different shadow effects based on the device's orientation?

ios

parallax

swift

uimotioneffect