pop动画片段

从底部弹起来,及消失到底部

POPBasicAnimation

#import <pop/pop.h>
- (void)viewDidLoad {
    self.talkBar = [[UIView alloc] init];

    [self.view addSubview:_talkBar];

    [_talkBar mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.mas_equalTo(wbSelf.view);
        make.bottom.mas_equalTo(wbSelf.view).offset(50);
        make.size.mas_equalTo(CGSizeMake(WIDTH,50));
    }];


- (void) popTalkBar{
    POPBasicAnimation *anBasic = [POPBasicAnimation animationWithPropertyNamed:kPOPLayerPositionY];
    anBasic.toValue = @(self.talkBar.center.y-100);
    anBasic.beginTime = CACurrentMediaTime() + 0.2f;
    [self.talkBar pop_addAnimation:anBasic forKey:@"position"];
}
- (void) disTalkBar{
    POPBasicAnimation *anBasic = [POPBasicAnimation animationWithPropertyNamed:kPOPLayerPositionY];
    anBasic.toValue = @(self.view.height+50);
    anBasic.beginTime = CACurrentMediaTime() + 0.2f;
    [self.talkBar pop_addAnimation:anBasic forKey:@"position"];
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter提供了一个很好的动画框架,可以轻松地自定义任何动画效果。要自定义pop动画,可以使用`PageRouteBuilder`类来创建自定义路由。 下面是一个示例: ```dart class CustomPageRoute<T> extends PageRoute<T> { CustomPageRoute({ @required this.builder, this.transitionDuration = const Duration(milliseconds: 500), this.opaque = true, this.barrierDismissible = false, this.barrierColor, this.barrierLabel, this.maintainState = true, }); final WidgetBuilder builder; @override final Duration transitionDuration; @override final bool opaque; @override final bool barrierDismissible; @override final Color barrierColor; @override final String barrierLabel; @override final bool maintainState; @override Widget buildPage(BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation) { return builder(context); } @override Widget buildTransitions(BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) { return SlideTransition( position: Tween<Offset>( begin: Offset(0.0, 1.0), end: Offset.zero, ).animate(animation), child: child, ); } } ``` 这里我们创建了一个`CustomPageRoute`类,它继承自`PageRoute`,并重写了`buildTransitions`方法来定义我们的自定义动画效果。在这个例子中,我们使用`SlideTransition`来实现一个从底部向上滑动的动画效果。你可以根据需要替换为其他动画效果。 使用自定义动画时,可以使用`Navigator.push`来打开路由: ```dart Navigator.push(context, CustomPageRoute(builder: (context) => NextPage())); ``` 这将打开一个名为`NextPage`的路由,并使用我们定义的自定义动画效果进行过渡。同样,你可以使用`Navigator.pop`来关闭当前路由: ```dart Navigator.pop(context); ``` 希望这个例子能帮到你!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值