Я хочу добавить анимацию в представление при изменении его скрытого режима i.e
my_view.hidden=YES;
Я добавил кнопку в панели навигации. Когда мы нажимаем на него, новое представление установлено как невидимое. Он рисует верхнюю часть навигационной таблицы.
К сожалению, скрытый объект не является анимированным с помощью анимации UIView. Я считаю, что лучше всего использовать одну из анимаций, предложенную @Erik B, или начать заниматься Core Animation, которые намного мощнее. Взгляните на документацию для анимаций UIView и Core Animations.
Я достиг чего-то вроде того, что вы предлагаете с помощью анимации UIView, чтобы сместить новый вид снизу другого представления. Это заставило его выглядеть как выдвижной ящик. Если вы хотите сделать что-то подобное, вам нужно перехватить касание внутри события и разместить там код анимации.
- (IBAction)buttonClicked:(id)sender {
[UIView animateWithDuration:0.5
delay:0.0
options:UIViewAnimationCurveEaseOut
animations:^(void) {
self.myView.frame = /* set the frame here */
}
completion:NULL];
}
Анимация непрозрачности представления от 100% до 0%. Сделайте обратный вызов завершения анимации, чтобы представление было скрыто. Вы также можете захотеть reset непрозрачность до 100% во время обратного вызова, поэтому при отображении будет отображаться полностью непрозрачный.
yourView.alpha = 0.0 //for zero opacity
yourView.alpha = 1.0 //for 100% opacity
Нет никакой анимации для скрытия; вы получите тот же результат с помощью кода Swift ниже:
UIView.animate(withDuration: 0.2, delay: 0, options: [], animations: {
self.yourView.alpha = 0 // Here you will get the animation you want
}, completion: { _ in
self.yourView.hidden = true // Here you hide it when animation done
})
Вот категория, которую я написал, чтобы ввести новое "скрытое" свойство на UIView, которое правильно поддерживает анимацию:
@implementation UIView (AnimateHidden)
-(void)setHiddenAnimated:(BOOL)hide
{
[UIView animateWithDuration:0.5
delay:0.0
options: UIViewAnimationCurveEaseOut
animations:^
{
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
if (hide)
self.alpha=0;
else
{
self.hidden= NO;
self.alpha=1;
}
}
completion:^(BOOL b)
{
if (hide)
self.hidden= YES;
}
];
}
@end
Я думаю, что более подходящий способ сделать это:
[UIView transitionWithView:aView
duration:0.3
options:UIViewAnimationOptionTransitionCrossDissolve
animations:^(void){
aView.hidden = NO;
}
completion:nil];
Обновлен до Swift 3:
UIView.animate(withDuration: 0.2, delay: 0.2, options: .curveEaseOut,
animations: {firstView.alpha = 0},
completion: { _ in firstView.isHidden = true
//Do anything else that depends on this animation ending
})
И если вы хотите оживить что-то назад после того, как первое представление исчезло, вы можете реплицировать код внутри блока завершения с помощью alpha = 1 и hidden = false.
Это исправлено версия N.J.:
@implementation UIView (AnimateHidden)
-(void)setHiddenAnimated:(BOOL)hide duration:(NSTimeInterval)duration {
if(self.hidden == hide)
return;
if(hide)
self.alpha = 1;
else {
self.alpha = 0;
self.hidden = NO;
}
[UIView animateWithDuration:duration animations:^{
if (hide)
self.alpha = 0;
else
self.alpha = 1;
} completion:^(BOOL finished) {
if(finished)
self.hidden = hide;
}];
}
@end
Вот быстрая версия для этого:
UIView.animateWithDuration(0.5, delay: 0.2, options:
UIViewAnimationOptions.CurveEaseOut, animations: {
objView.alpha = 0
}, completion: { finished in
objView.hidden = true
})
Выполняет анимацию продолжительностью 5 секунд и после задержки 2 секунды.
Доступные анимационные объекты:
CurveEaseInOut, CurveEaseIn, CurveEaseOut, CurveLinear
NJ и ответы Станислава помогли мне создать новую категорию для этого, что, я думаю, улучшает их ответы, поэтому я подумал, что опубликую то, что я придумал, если это поможет кому-то еще.
Обратите внимание, что он будет работать только в iOS4 или более поздней версии, поскольку он использует блоки.
UIView + AnimateHidden.m
#import "UIView+AnimateHidden.h"
@implementation UIView (AnimateHidden)
- (void)setHidden:(BOOL)hidden animated:(BOOL)animated
{
// If the hidden value is already set, do nothing
if (hidden == self.hidden) {
return;
}
// If no animation requested, do the normal setHidden method
else if (animated == NO) {
[self setHidden:hidden];
return;
}
else {
// Store the view current alpha value
CGFloat origAlpha = self.alpha;
// If we're unhiding the view, make it invisible initially
if (hidden == NO) {
self.alpha = 0;
}
// Unhide the view so we can see the animation
self.hidden = NO;
// Do the animation
[UIView animateWithDuration:0.5
delay:0.0
options: UIViewAnimationOptionCurveEaseOut
animations:^{
// Start animation block
if (hidden == YES) {
self.alpha = 0;
}
else {
self.alpha = origAlpha;
}
// End animation block
}
completion:^(BOOL b){
// Start completion block
// Finish up by hiding the view if necessary...
self.hidden = hidden;
// ... and putting back the correct alpha value
self.alpha = origAlpha;
// End completion block
}];
}
}
@end
Поскольку некоторые из этих ответов немного загромождены, я решил, что могу опубликовать свой минималистический дизайн этого API. Я также добавил задержку и продолжительность - потому что почему бы и нет.
В реализации мы имеем.
#import "UIView+AnimateHidden.h"
@implementation UIView (AnimateHidden)
- (void)setHiddenAnimated:(BOOL)hide
delay:(NSTimeInterval)delay
duration:(NSTimeInterval)duration {
[UIView animateWithDuration:duration
delay:delay
options:UIViewAnimationOptionAllowAnimatedContent
animations:^{
if (hide) {
self.alpha = 0;
} else {
self.alpha = 0;
self.hidden = NO; // We need this to see the animation 0 -> 1
self.alpha = 1;
}
} completion:^(BOOL finished) {
self.hidden = hide;
}];
}
@end
В файле заголовка мы имеем.
#import <UIKit/UIKit.h>
@interface UIView (AnimateHidden)
- (void)setHiddenAnimated:(BOOL)hide
delay:(NSTimeInterval)delay
duration:(NSTimeInterval)duration;
@end
Другая версия, если вы хотите использовать более сложные типы анимации или анимации, не поддерживаемые UIView
- (void)setHidden:(BOOL)hidden withAnimationDuration:(NSTimeInterval)duration
{
CATransition* transition = ({
CATransition* its = [CATransition animation];
its.duration = duration;
its.timingFunction =
[CAMediaTimingFunction
functionWithName: kCAMediaTimingFunctionEaseInEaseOut];
its.type = kCATransitionPush;
its.subtype = (hidden ? @"fromBottom" : @"fromTop");
its
});
UIView* containerView = self.superview;
[containerView.layer removeAllAnimations];
[containerView.layer addAnimation: transition forKey: kCATransition];
self.hidden = hidden;
if (!hidden) {
[self.superview bringSubviewToFront: self];
}
}
Вот код, который я использовал для моделирования вида "рост" и "сжатие" на кнопке "показать больше..." и "показать меньше...". Скомпилированный ответ от Palyancodr
Этот подход позволяет мне создавать оба представления в раскадровке, чтобы ограничения работали как ожидалось на разных устройствах iOS, и мне не нужно настраивать все ограничения.
@IBAction func showMoreOrLessAction(_ sender: Any) {
// if small view showing
if showMoreLargeView.isHidden {
showMoreSmallView.isHidden = true
//showMoreLargeView.isHidden = false
UIView.animate(withDuration: 0.2, delay: 0, options: [], animations: {
self.showMoreLargeView.alpha = 1 // Here you will get the animation you want
}, completion: { _ in
self.showMoreLargeView.isHidden = false // Here you hide it when animation done
})
}
else { // large view showing
//showMoreSmallView.isHidden = false
UIView.animate(withDuration: 0.2, delay: 0, options: [], animations: {
self.showMoreSmallView.alpha = 1 // Here you will get the animation you want
}, completion: { _ in
self.showMoreSmallView.isHidden = false // Here you hide it when animation done
})
showMoreLargeView.isHidden = true
}
}