📌  相关文章
📜  颤振自定义主题数据 (1)

📅  最后修改于: 2023-12-03 14:58:49.580000             🧑  作者: Mango

颤振自定义主题数据

介绍

颤振自定义主题数据是一种通过自定义主题数据的方式，为应用程序添加颤振效果的技术。

实现方法
Android

在 Android 应用中，可以使用 ValueAnimator 实现颤振动画效果。通过自定义主题数据，可以实现对这个动画的属性值进行设置，从而实现颤振效果。

例如，在 styles.xml 文件中定义一个主题，添加一个属性 shake_duration 表示颤振的持续时间：

<style name="AppTheme" parent="...">
  <item name="shake_duration">1000</item>
</style>

然后，在程序中获取这个属性值，并为一个 View 添加颤振动画：

int duration = getResources().getInteger(R.integer.shake_duration);
ValueAnimator shakeAnimator = ValueAnimator.ofFloat(0f, 1f);
shakeAnimator.setDuration(duration);
shakeAnimator.setInterpolator(new CycleInterpolator(5));
shakeAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  @Override
  public void onAnimationUpdate(ValueAnimator animator) {
    float value = (Float) animator.getAnimatedValue();
    view.setTranslationX(value * 10);
  }
});
shakeAnimator.start();

这个动画会让 view 水平方向上颤振，持续时间为定义的 shake_duration。

iOS

在 iOS 应用中，可以使用 CAKeyframeAnimation 实现颤振动画效果。通过自定义主题数据，可以实现对这个动画的属性值进行设置，从而实现颤振效果。

例如，在 CustomizableProperties.plist 文件中定义一个主题，添加一个属性 shakeDuration 表示颤振的持续时间：

<dict>
  <key>CustomizableProperties</key>
  <dict>
    <key>shakeDuration</key>
    <integer>1000</integer>
  </dict>
</dict>

然后，在程序中获取这个属性值，并为一个 UIView 添加颤振动画：

let duration = TimeInterval(ContentSizeViewController.getCustomizableProperty(forKey: "shakeDuration") as! Int)
let animation = CAKeyframeAnimation(keyPath: "position.x")
animation.duration = duration / 1000.0
animation.values = [
  0, 10, -10, 10, -5, 5, -5, 0
].map {NSValue(cgPoint: CGPoint(x: view.center.x + $0, y: view.center.y))}
animation.keyTimes = [
  0, NSNumber(value: 0.1), NSNumber(value: 0.2), NSNumber(value: 0.3), NSNumber(value: 0.4),
  NSNumber(value: 0.5), NSNumber(value: 0.6), NSNumber(value: 0.7), NSNumber(value: 0.8), NSNumber(value: 0.9), 1
]
view.layer.add(animation, forKey: "shake")

这个动画会让 view 水平方向上颤振，持续时间为定义的 shakeDuration。

拓展应用

通过自定义主题数据，不仅可以实现颤振效果，还可以实现其他动画效果，例如旋转、闪烁、上下移动等等。使用自定义主题数据，可以在不修改应用程序代码的情况下，动态调整这些动画效果的属性值，从而实现更加丰富的用户体验。

参考资料