如何使按钮看起来像 nike+ 中的按钮 运行
How to make a button looks like the on in the nike+ running
喜欢 Nike 运行ning iOS 应用程序的新外观。看到圆圈中的按钮,当您按住它一段时间(几秒钟)时,运行 将随着动画开始或停止。很确定你在使用它时知道这一点。
见下图。
这很简单。
下面是可以发挥作用的示例代码。
- (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];
}
你要做的如下。
按钮将是没有图像的自定义按钮。会变透明
按钮后面会有图片视图。
点击按钮时,会调用上面的代码
释放按钮后,停止该动画,您将检查最后显示的图像,并将该图像显示到图像视图。就是这样...
喜欢 Nike 运行ning iOS 应用程序的新外观。看到圆圈中的按钮,当您按住它一段时间(几秒钟)时,运行 将随着动画开始或停止。很确定你在使用它时知道这一点。
见下图。
这很简单。
下面是可以发挥作用的示例代码。
- (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];
}
你要做的如下。
按钮将是没有图像的自定义按钮。会变透明
按钮后面会有图片视图。
点击按钮时,会调用上面的代码
释放按钮后,停止该动画,您将检查最后显示的图像,并将该图像显示到图像视图。就是这样...