iOS两种方式实现淡入淡出动画

一 使用转场动画CATransition实现, 其中type 需要使用kCATransitionFade

    CATransition *transition = [[CATransition alloc] init];
    transition.duration = 3;
    transition.fillMode = kCAFillModeForwards;
    transition.type = kCATransitionFade;
    [self.fadeButton.layer addAnimation:transition forKey:@"animation"];

    self.fadeButton.backgroundColor = [UIColor colorWithRed:((float)arc4random_uniform(256) / 255.0) green:((float)arc4random_uniform(256) / 255.0) blue:((float)arc4random_uniform(256) / 255.0) alpha:1.0];

 

二 使用UIView 的 transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^ __nullable)(void))animations completion:(void (^ __nullable)(BOOL finished))completion接口实现,其中option需要使用 UIViewAnimationOptionTransitionCrossDissolve枚举

    [UIView transitionWithView:self.fadeButton duration:3 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
        self.fadeButton.backgroundColor = [UIColor colorWithRed:((float)arc4random_uniform(256) / 255.0) green:((float)arc4random_uniform(256) / 255.0) blue:((float)arc4random_uniform(256) / 255.0) alpha:1.0];

    } completion:^(BOOL finished) {
        
    }];

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现WPF中的渐变淡入淡出动画效果,可以使用Opacity属性配合DoubleAnimation来实现。Opacity属性表示元素的不透明度,其值从0到1,0表示完全透明,1表示完全不透明。而DoubleAnimation则可以控制动画的开始值、结束值、动画持续时间等参数。 下面是一个简单的示例,实现了一个Button的渐变淡入淡出动画效果: ```xml <Button Content="Click me!" x:Name="myButton" Opacity="0"> <Button.Triggers> <EventTrigger RoutedEvent="Button.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="myButton" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:1" /> <DoubleAnimation Storyboard.TargetName="myButton" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:1" BeginTime="0:0:2" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Button.Triggers> </Button> ``` 以上代码中,Button的Opacity属性初始化为0,即完全透明。在Button的Loaded事件触发时,开始一个Storyboard,其中包含两个DoubleAnimation动画,第一个动画实现渐变淡入,持续1秒钟;第二个动画实现渐变淡出,持续1秒钟,开始时间为2秒钟后。Storyboard中的TargetName和TargetProperty属性分别指定了动画的目标元素和目标属性。 需要注意的是,如果要反复播放渐变淡入淡出动画效果,可以使用RepeatBehavior属性,设置动画的重复次数或重复时长。例如,设置动画重复3次: ```xml <DoubleAnimation Storyboard.TargetName="myButton" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:1" RepeatBehavior="3x" /> ``` 以上就是WPF实现渐变淡入淡出动画效果的简单示例。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值