ios - 如何在 Apple WatchKit 中制作动画按钮？

Question

我想在 WatchKit 中制作一个带有动画的按钮，但似乎我找不到修改WKInterfaceButton或将图像拖入情节提要中的按钮的方法。任何帮助表示赞赏。

Answer 1

经过一番研究，我找到了解决方案，它非常简单但很容易被忽略:)

首先，将一个按钮拖到故事板中创建的场景中。

其次，选择按钮，将其属性content从修改Text为Group。如果找不到content属性，请单击Attributes Inspector屏幕右上角的按钮，它看起来像一个断点按钮或带有条形的向下箭头。

现在您可以控制在您的按钮内创建的组。您需要WKInterfaceGroup在控制器代码中添加对此的引用。这是一个例子：

@interface AAPLButtonDetailController()
@property (weak, nonatomic) IBOutlet WKInterfaceGroup *buttonGroup;   
@end


@implementation AAPLButtonDetailController

- (instancetype)init {
    self = [super init];

    if (self) {
        // Initialize variables here.
        // Configure interface objects here.
        [_buttonGroup setBackgroundImageNamed:@"Bus"];
        [_buttonGroup startAnimating];
    }

    return self;
}

所以按钮动画会在场景初始化后播放。请记住，目前仅支持帧动画，一个动画中的所有帧都应命名为“Bus0.png”、“Bus1.png”......

希望这可以帮助:)

Answer 2

Reck 的帖子在我需要控制重复次数或持续时间的情况下对我有用。如果您只是想启动或停止按钮的动画，以下对我有用，其中 twoButton 是 WKInterfaceButton，我有一组图像名称 Bus0@2x.png、Bus1@2x.png 等。

- (void)startButtonAnimating
{
    // This works, but can't control repeat counts or duration
    [self.twoButton setBackgroundImageNamed:@"Bus"];
    // But you can stop after a delay by setting background image nil
    [self performSelector:@selector(stopGroupButtonAnimating) withObject:nil afterDelay:1.5];
}

- (void)stopButtonAnimating
{
    [self.twoButton setBackgroundImage:nil];
}