Как сделать кнопку похожей на on в nike + running

Question

Как и приложение Nike, работающее под iOS. См. Кнопку в круге, когда вы удерживаете ее некоторое время (пару секунд), запуск начнется или остановится вместе с анимацией. Довольно уверен, что вы знаете это, когда используете его.

См. Ниже изображение.

Answer 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]; 
} 

Что вы будете делать, как показано ниже.

1. Кнопка будет пользовательской кнопкой без изображения. Это будет прозрачно.

2. Позади кнопки у вас будет изображение.

3. При нажатии кнопки вы вызываете код выше.

4. Когда кнопка отпущена, остановите эту анимацию, и вы проверите последнее показанное изображение, и вы покажете это изображение на изображении. Вот это ...

check this link for image animations