如何使按钮看起来像在耐克+运行中的开启

时间:2015-04-13 05:22:15

标签: ios objective-c swift nike

喜欢耐克运行iOS应用程序的新前景。看到圆圈中的按钮,当您按住它一段时间(几秒钟)时,运行将随动画一起开始或停止。当你使用它时,很确定你知道。

见下图。

enter image description here

1 个答案:

答案 0 :(得分:2)

这很容易。

以下是可以实现神奇的示例代码。

- (void) onClickingButton
{
    // Load images
    NSArray *imageNames = @[@"win_1.png", @"win_2.png", @"win_3.png", @"win_4.png",
                        @"win_5.png", @"win_6.png", @"win_7.png", @"win_8.png",
                        @"win_9.png", @"win_10.png", @"win_11.png", @"win_12.png",
                        @"win_13.png", @"win_14.png", @"win_15.png", @"win_16.png"];

    NSMutableArray *images = [[NSMutableArray alloc] init];
    for (int i = 0; i < imageNames.count; i++) {
        [images addObject:[UIImage imageNamed:[imageNames objectAtIndex:i]]];
    }

    // Normal Animation
    UIImageView *animationImageView = [[UIImageView alloc] initWithFrame:CGRectMake(60, 95, 86, 193)];
    animationImageView.animationImages = images;
    animationImageView.animationDuration = 0.5;

    [self.view addSubview:animationImageView];
    [animationImageView startAnimating];
}

您将采取以下措施。

  1. 按钮将是自定义按钮,没有图像。这将是透明的。

  2. 在按钮后面,您将拥有imageview。

  3. 单击按钮时,您将调用上面的代码。

  4. 释放按钮后,停止该动画,您将检查显示的最后一张图像,并将该图像显示在图像视图中。就是这样......

  5. check this link for image animations