如何使按钮看起来像nike +运行中的on [关闭]

Posted 2023-03-08

【中文标题】如何使按钮看起来像nike +运行中的on [关闭]

【英文标题】：How to make a button looks like the on in the nike+ running [closed]

【发布时间】：2015-04-13 05:22:14

【问题描述】：

就像耐克运行的 ios 应用程序新外观一样。查看圆圈中的按钮，当您按住它一段时间（几秒钟）时，运行将随着动画一起开始或停止。当你使用它时，你肯定知道。

见下图。

【参考方案1】：

这很容易。

下面是示例代码，它将发挥作用。

- (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];

你要做的事情如下。

按钮将是没有图像的自定义按钮。它将是透明的。

按钮后面会有图像视图。

当按钮被点击时，你会调用上面的代码。

释放按钮后，停止该动画，您将检查最后显示的图像，并将该图像显示到 imageview。就是这样……

check this link for image animations

【讨论】：

天才！我怎么没想到！

@BenLiu : 它发生了......相信我它发生在我身上很多次......