tvOS:UIButton 的 UIMotionEffect 在滑动时不会反弹
tvOS: UIMotionEffect for UIButton without bounce back when swipe
我正在开发一个注册页面,其中一个按钮是可聚焦的,我正在对其应用 UIMotionEffect
。
我的按钮声明:
private lazy var requestTokenButton: UIButton = {
let button = UIButton()
button.titleLabel?.font = UIFont(name: ThemeManager.sharedTheme.commonFontRegular, size: 22)
button.setTitle("Get a New Code", forState: .Normal)
button.setTitleColor(UIColor.blackColor(), forState: .Normal)
button.backgroundColor = ThemeManager.sharedTheme.yellowColor
button.addTarget(self, action: "requestNewToken", forControlEvents: .PrimaryActionTriggered)
return button
}()
我正在使用 Cartography
进行程序化自动布局:
constrain(self.requestTokenButton, self.registrationMoreInfoLabel) { view1, view2 in
view1.leading == view2.leading
view1.top == view2.bottom + 30
view1.height == 65
view1.width == 400
}
这是我的 applyMotionEffect()
:
private func applyMotionEffect() {
let yRotationMotionEffect = UIInterpolatingMotionEffect(keyPath: "layer.transform", type: .TiltAlongHorizontalAxis)
let yMovementMotionEffect = UIInterpolatingMotionEffect(keyPath: "center.y", type: .TiltAlongVerticalAxis)
let m34 = CGFloat(-1.0 / 3000)
let angle = CGFloat(20 * M_PI / 180.0)
var baseTransform = CATransform3DIdentity
baseTransform.m34 = m34
var rotateYmin = baseTransform
rotateYmin = CATransform3DRotate(rotateYmin, angle, 0.0, 1.0, 0.0);
var rotateYmax = baseTransform
rotateYmax = CATransform3DRotate(rotateYmax, -1 * angle, 0.0, 1.0, 0.0);
yRotationMotionEffect.minimumRelativeValue = NSValue(CATransform3D: rotateYmin)
yRotationMotionEffect.maximumRelativeValue = NSValue(CATransform3D: rotateYmax)
self.requestTokenButton.addMotionEffect(yRotationMotionEffect)
self.requestTokenButton.addMotionEffect(yMovementMotionEffect)
}
我的问题是:当我从遥控器上滑动时,按钮在旋转到角度限制后立即弹回CGFloat(20 * M_PI / 180.0)
。有没有一种方法可以旋转按钮而不反弹或减少我的手指在电视遥控器上移动的每个点的旋转角度。
我最终将 UIImageView
添加到 UIButton
和 UIImageView.adjustsImageWhenAncestorFocused = true
需要注意的是,当只有一个 UI 元素可聚焦时,你最好不要 使用:
weak override var preferredFocusedView: UIView?
这给了我一种奇怪的反弹效果,因为我只有一个可聚焦的 UI 元素,所以焦点无法移动。它总是调用 preferredFocusedView
并强制焦点回到 UIButton
的中心
我正在开发一个注册页面,其中一个按钮是可聚焦的,我正在对其应用 UIMotionEffect
。
我的按钮声明:
private lazy var requestTokenButton: UIButton = {
let button = UIButton()
button.titleLabel?.font = UIFont(name: ThemeManager.sharedTheme.commonFontRegular, size: 22)
button.setTitle("Get a New Code", forState: .Normal)
button.setTitleColor(UIColor.blackColor(), forState: .Normal)
button.backgroundColor = ThemeManager.sharedTheme.yellowColor
button.addTarget(self, action: "requestNewToken", forControlEvents: .PrimaryActionTriggered)
return button
}()
我正在使用 Cartography
进行程序化自动布局:
constrain(self.requestTokenButton, self.registrationMoreInfoLabel) { view1, view2 in
view1.leading == view2.leading
view1.top == view2.bottom + 30
view1.height == 65
view1.width == 400
}
这是我的 applyMotionEffect()
:
private func applyMotionEffect() {
let yRotationMotionEffect = UIInterpolatingMotionEffect(keyPath: "layer.transform", type: .TiltAlongHorizontalAxis)
let yMovementMotionEffect = UIInterpolatingMotionEffect(keyPath: "center.y", type: .TiltAlongVerticalAxis)
let m34 = CGFloat(-1.0 / 3000)
let angle = CGFloat(20 * M_PI / 180.0)
var baseTransform = CATransform3DIdentity
baseTransform.m34 = m34
var rotateYmin = baseTransform
rotateYmin = CATransform3DRotate(rotateYmin, angle, 0.0, 1.0, 0.0);
var rotateYmax = baseTransform
rotateYmax = CATransform3DRotate(rotateYmax, -1 * angle, 0.0, 1.0, 0.0);
yRotationMotionEffect.minimumRelativeValue = NSValue(CATransform3D: rotateYmin)
yRotationMotionEffect.maximumRelativeValue = NSValue(CATransform3D: rotateYmax)
self.requestTokenButton.addMotionEffect(yRotationMotionEffect)
self.requestTokenButton.addMotionEffect(yMovementMotionEffect)
}
我的问题是:当我从遥控器上滑动时,按钮在旋转到角度限制后立即弹回CGFloat(20 * M_PI / 180.0)
。有没有一种方法可以旋转按钮而不反弹或减少我的手指在电视遥控器上移动的每个点的旋转角度。
我最终将 UIImageView
添加到 UIButton
和 UIImageView.adjustsImageWhenAncestorFocused = true
需要注意的是,当只有一个 UI 元素可聚焦时,你最好不要 使用:
weak override var preferredFocusedView: UIView?
这给了我一种奇怪的反弹效果,因为我只有一个可聚焦的 UI 元素,所以焦点无法移动。它总是调用 preferredFocusedView
并强制焦点回到 UIButton