美文网首页
在navigation下方添加视图动画

在navigation下方添加视图动画

作者: 沙漠骑士 | 来源:发表于2016-08-08 14:10 被阅读10次

这里我已经将这个动画封装成一个类方法,其中颜色,字体大小,背景图片之类的皆可自定义。此处的动画是建立在有navigation下方出现,在继而消失在navigation下方,假如想有什么多的功能,比如点击弹出View跳出一个控制器等等,效果图如下所示


效果图
//.h文件
#import <Foundation/Foundation.h>
@interface YLAnimationShow : NSObject
+ (void)showString:(NSString *)string navigationController:(UINavigationController *)navigationController;
@end
//.m文件
#import "YLAnimationShow.h"
@implementation YLAnimationShow
+ (void)showString:(NSString *)string navigationController:(UINavigationController *)navigationController
{
    UILabel *countLabel = [[UILabel alloc] init];
    countLabel.backgroundColor = [UIColor purpleColor];
    countLabel.width = WindowWidth;
    countLabel.height = 35;    
    countLabel.text = string;  
    countLabel.textAlignment = NSTextAlignmentCenter;
    countLabel.textColor = [UIColor whiteColor];
    countLabel.font = [UIFont systemFontOfSize:16]; 
    // 3.添加
    countLabel.y = 64 - countLabel.height;
    // 将label添加到导航控制器的view中,并且是盖在导航栏下边
    [navigationController.view insertSubview:countLabel belowSubview:navigationController.navigationBar];
    CGFloat duration = 1.0; // 动画的时间
    [UIView animateWithDuration:duration animations:^{
        countLabel.transform = CGAffineTransformMakeTranslation(0, countLabel.height);
    } completion:^(BOOL finished) {
        // 延迟1s后,再利用1s的时间,让label往上移动一段距离(回到一开始的状态)
        CGFloat delay = 1.0; // 延迟1s
        // UIViewAnimationOptionCurveLinear:匀速
        [UIView animateWithDuration:duration delay:delay options:UIViewAnimationOptionCurveLinear animations:^{
            countLabel.transform = CGAffineTransformIdentity;
        } completion:^(BOOL finished) {
            [countLabel removeFromSuperview];
        }];
    }];
}
@end

我的主页
沙漠骑士

相关文章

  • 在navigation下方添加视图动画

    这里我已经将这个动画封装成一个类方法,其中颜色,字体大小,背景图片之类的皆可自定义。此处的动画是建立在有navig...

  • Android动画之视图动画的缺点和属性动画的引入

    1视图动画添加监听 translate 动画 首先给控件添加点击事件: Animation可以添加对动画的监听,可...

  • iOS 几种简单动画

    UIView 动画 UIImageView 动画 CABasicAnimation 动画 给一个视图添加layer...

  • 动画代码

    图片旋转动画 Swift3.0为视图添加旋转动画_CABasicAnimation

  • swift开发:常用IOS库

    视图动画:JHChainableAnimations 像jQuery那样为UIView添加动画 交互控件 MBPr...

  • ps导出gif

    记录gif制作动画过程 做动画: ps => 窗口=> 时间轴=> 右下方+号(添加素材) => 左下方设置(循环...

  • 学习文章链接

    参看文章:字体http://iosfonts.com/视图添加动画 动画转场https://github.com/...

  • iOS 子视图随父视图动画

    假设有一个视图A,在A上面添加一个子视图B,那么对A进行动画: [UIView animateWithDurati...

  • iOS CALayer视图图层

    在iOS中都会牵扯到图形转换,动画效果,添加视图,等等的一系列问题,在设计页面,设计图形,添加动画的时候都会使用到...

  • iOS Core Animation(六)- 显式动画

    CABasicAnimation 当有多个动画时,区分动画的方式: 如果添加动画的视图图层是全局的, *CAAni...

网友评论

      本文标题:在navigation下方添加视图动画

      本文链接:https://www.haomeiwen.com/subject/ihkrsttx.html