美文网首页
导航栏顶部弹出提示新的消息

导航栏顶部弹出提示新的消息

作者: 乡水情缘 | 来源:发表于2016-12-30 10:43 被阅读87次

展示有新的数据的时候从顶部弹出一个提示,然后就消失了

//弹出提示
    [self showNewStatusesCount:self.dataArray.count];
#pragma mark 自定义代码

- (void)showNewStatusesCount:(NSInteger)count
{
    // 1.创建一个UILabel
    UILabel *label = [[UILabel alloc] init];
    label.font = [UIFont systemFontOfSize:12];
    
    // 2.显示文字
    if (count) {
        label.text = [NSString stringWithFormat:@"共有%ld条实例数据", count];
    } else {
        label.text = @"没有最新的数据";
    }
    
    // 3.设置背景
    label.backgroundColor = [UIColor colorWithRed:254/255.0  green:129/255.0 blue:0 alpha:1.0];
    label.textAlignment = NSTextAlignmentCenter;
    label.textColor = [UIColor whiteColor];
    
    // 4.设置frame
    label.width = self.view.frame.size.width;
    label.height = 35;
    label.x = 0;
    label.y = CGRectGetMaxY([self.navigationController navigationBar].frame) - label.frame.size.height;
    
    // 5.添加到导航控制器的view
    //[self.navigationController.view addSubview:label];
    [self.navigationController.view insertSubview:label belowSubview:self.navigationController.navigationBar];
    
    // 6.动画
    CGFloat duration = 0.75;
    //label.alpha = 0.0;
    [UIView animateWithDuration:duration animations:^{
        // 往下移动一个label的高度
        label.transform = CGAffineTransformMakeTranslation(0, label.frame.size.height);
    } completion:^(BOOL finished) { // 向下移动完毕
        
        // 延迟delay秒后,再执行动画
        CGFloat delay = 1.0;
        
        [UIView animateWithDuration:duration delay:delay options:UIViewAnimationOptionCurveEaseInOut animations:^{
            // 恢复到原来的位置
            label.transform = CGAffineTransformIdentity;
            //label.alpha = 0.0;
            
        } completion:^(BOOL finished) {
            // 删除控件
            [label removeFromSuperview];
        }];
    }];
}

欢迎更多开发者加qq 556120515 群进来交流

相关文章

  • 导航栏顶部弹出提示新的消息

    展示有新的数据的时候从顶部弹出一个提示,然后就消失了 欢迎更多开发者加qq 556120515 群进来交流

  • Android

    顶部导航栏 仿京东搜索 顶部导航栏 今日头条导航栏 导航栏快速实现 瀑布流 搜索框带历史记录 tablayout ...

  • 网站导航

    常见的导航模式貌似也有很多,从显示位置来说分为:顶部水平横栏式,垂直导航栏,侧边固定式,滑出或者弹出窗口导航等,通...

  • 微盟微商城&智慧零售店铺装修支持自定义顶部导航栏

    一、自定义顶部导航栏 1、功能背景 顶部导航栏是指固定在手机系统状态栏下的导航栏,主要由操作图标、搜索框、页面标题...

  • iOS11人机交互指南 - 栏-01导航栏 Navigatio

    导航栏 导航栏出现在顶部状态栏的下方,并且能够跨越一系列不同层级的屏幕界面存在。当展开一个新的界面时,导航栏的左侧...

  • Github之安卓库总结

    Android底部导航栏████几行代码实现Tab导航(随意定制加号,带红点消息提示) 引导界面滑动导航 + 大于...

  • 特大新闻

    导航库React Navigation 功能:1.跳转页面 2.底部导航栏 3.顶部导航栏...

  • 参考笔记

    导航库React Navigation 功能:1.跳转页面 2.底部导航栏 3.顶部导航栏...

  • android一些好的ios替代库

    1、底部导航栏https://github.com/roughike/BottomBar 2、顶部导航栏https...

  • uni-app subNVues的使用

    在首页要弹出一个弹框,弹出的弹框无法遮住顶部导航栏和底部tabbar,uni-app官方给出了两种解决方法,plu...

网友评论

      本文标题:导航栏顶部弹出提示新的消息

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