How to implement a dynamic background image in fast

Question

I would like to implement the same behavior as the start page with a "true motion background". When you tilt the phone, the background image moves a little, which makes it 3D and “real”.

This is what I would like to do on the application start page.

How to do it?

Answer 1

See UIInterpolatingMotionEffect.

You can create one for each axis, create a group and add a group of motion effects UIImageViewin the background.

let horizontalMotionEffect = UIInterpolatingMotionEffect(keyPath: "center.x", type: .TiltAlongHorizontalAxis)
horizontalMotionEffect.minimumRelativeValue = -50
horizontalMotionEffect.maximumRelativeValue = 50

let verticalMotionEffect = UIInterpolatingMotionEffect(keyPath: "center.y", type: .TiltAlongVerticalAxis)
verticalMotionEffect.minimumRelativeValue = -50
verticalMotionEffect.maximumRelativeValue = 50

let motionEffectGroup = UIMotionEffectGroup()
motionEffectGroup.motionEffects = [horizontalMotionEffect, verticalMotionEffect]

imageView.addMotionEffect(motionEffectGroup)

, y, . x, .

( iOS.)