Анимированный фон в iOS

Question

Я хочу анимировать свой фон после загрузки представления в моем приложении iOS. Это работает со сплошными цветами, но я не могу позволить этому работать с использованием фоновых изображений. Это мой код:

- (void)viewDidLoad
{
    [super viewDidLoad];

    [UIView animateWithDuration:5.0 animations:^{
        self.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"background.png"]];
        self.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"background_dark.png"]];
    }];

    [UIView commitAnimations];
}

Кто-нибудь знает правильный способ сделать это?

Спасибо

Answer 1

Вы анимируете такие вещи:

view.backgroundColor = INITIAL COLOR
[UIView animateWithDuration:5.0 animations:^{
    view.backgroundColor = FINAL COLOR
}];

Метод animate анимирует изменение текущего состояния на то, что вы настроили в блоке анимации.Блок анимации - это не список шагов.

Поэтому я думаю, что вам нужно следующее:

self.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"background.png"]];
[UIView animateWithDuration:5.0 animations:^{
    self.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"background_dark.png"]];
}];

Кроме того, НЕ вызывайте commitAnimations после этого, это только если вы 'используется старый стиль beginAnimations.Прочитайте документацию, а не просто вызывайте методы, чтобы увидеть, работают ли они.

Answer 2

Не все свойства могут быть анимированы, как это. Весьма вероятно, что фоновое изображение является одним из них. То, что вы можете сделать, это иметь второй вид сверху с новым изображением и анимировать его альфа от 0 до 1.

Answer 3

Ты это:

[UIView animateWithDuration:5.0 animations:^{
        self.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"background.png"]];
    } completion:^(BOOL finished)
    {
        self.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"background_dark.png"]];
    }];