iOS UIImageView 漸隱動畫結束後自動隱藏

問題

用 CABasicAnimation 改變 opacity 從 1.0 到 0.0，動畫結束後 UIImageView 仍佔據佈局空間（可見但透明），需手動隱藏。

方案一：NSTimer 延遲隱藏（簡單但非精準）

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"opacity"];
anim.duration = 1.0;
anim.fromValue = @1.0;
anim.toValue = @0.0;
[flowerImageView.layer addAnimation:anim forKey:@"animateOpacity"];

// 動畫結束後隱藏
[NSTimer scheduledTimerWithTimeInterval:anim.duration
                                 target:self
                               selector:@selector(hideImageView)
                               userInfo:nil
                                repeats:NO];

- (void)hideImageView {
    flowerImageView.hidden = YES;
}

方案二：CATransaction 完成區塊（推薦，精準同步）

[CATransaction begin];
[CATransaction setCompletionBlock:^{
    flowerImageView.hidden = YES;
}];
CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"opacity"];
anim.duration = 1.0;
anim.fromValue = @1.0;
anim.toValue = @0.0;
[flowerImageView.layer addAnimation:anim forKey:@"animateOpacity"];
[CATransaction commit];

方案三：UIView 動畫封裝（最輕量）

[UIView animateWithDuration:1.0
                     animations:^{
                         flowerImageView.alpha = 0.0;
                     }
                     completion:^(BOOL finished) {
                         flowerImageView.hidden = YES;
                     }];

比較表

補充提示

• 動畫結束後若需**完全移除**：[flowerImageView removeFromSuperview]。
• 若後續需再次顯示，記得在 viewWillAppear 重設 hidden = NO; alpha = 1.0。
• iOS 10+ 可用 UIViewPropertyAnimator 獲得更細緻控制。

推薦 **UIView animateWithDuration:completion:**，一行搞定動畫與隱藏，碼簡且精準。