美文网首页
在状态栏上做渐变动画效果

在状态栏上做渐变动画效果

作者: __Lex | 来源:发表于2015-08-05 16:24 被阅读243次

作者:YouXianMing授权本站转载。

效果

说明

1. 在状态栏上显示信息并覆盖状态栏信息需要技巧

2. 本设计支持外部消息view的定制,只需要实现规定的协议方法即可

源码

https://github.com/YouXianMing/StatusBarMessage

//  StatusMessage.h

//  StatusBarView

//

//  Created by YouXianMing on 15/7/24.

//  Copyright (c) 2015年 YouXianMing. All rights reserved.

//

#import #import "StatusMessageProtocol.h"

@interface StatusMessage : UIView

/**

*  显示加载的view

*

*  @param view     实现了StatusMessageProtocol的view

*  @param duration 动画显示时间

*/

+ (void)showWithView:(UIView  *)view duration:(NSTimeInterval)duration;

/**

*  隐藏加载的view

*

*  @param duration 隐藏动画显示时间

*/

+ (void)hideWithDuration:(NSTimeInterval)duration;

///////////////////////////////////////////////////////////////////////////////////////////////////

/**

*  设置显示以及隐藏的动画时间(不设置,默认为1s)

*

*  @param duration 动画时间

*/

+ (void)showAndHideDuration:(NSTimeInterval)duration;

/**

*  显示view,然后几秒后隐藏

*

*  @param view    实现了StatusMessageProtocol的view

*  @param seconds 延时几秒后隐藏

*/

+ (void)showWithView:(UIView *)view hideAfterSeconds:(NSTimeInterval)seconds;

@end

//

//  StatusMessage.m

//  StatusBarView

//

//  Created by YouXianMing on 15/7/24.

//  Copyright (c) 2015年 YouXianMing. All rights reserved.

//

#import "StatusMessage.h"

#define  Status_Message  @"StatusMessage"

static UIWindow        *_statusWindow      = nil;

static NSMapTable      *_weakDictionary    = nil;

static NSTimeInterval   _animationDuration = 1.f;

@implementation StatusMessage

+ (void)initialize {

if(self == [StatusMessage class]) {

_weakDictionary = [NSMapTable strongToWeakObjectsMapTable];

_statusWindow                        = [[UIWindow alloc] initWithFrame:STATUS_BAR_FRAME];

_statusWindow.windowLevel            = UIWindowLevelStatusBar + 1;

_statusWindow.userInteractionEnabled = NO;

[_statusWindow makeKeyAndVisible];

}

}

+ (void)showWithView:(UIView  *)view duration:(NSTimeInterval)duration {

[_weakDictionary setObject:view forKey:Status_Message];

[_statusWindow addSubview:view];

[view showWithDuration:duration];

}

+ (void)hideWithDuration:(NSTimeInterval)duration {

UIView  *tmpView = [_weakDictionary objectForKey:Status_Message];

[tmpView hideWithDuration:duration];

}

+ (void)showAndHideDuration:(NSTimeInterval)duration {

_animationDuration = duration;

}

+ (void)showWithView:(UIView *)view hideAfterSeconds:(NSTimeInterval)seconds {

[_weakDictionary setObject:view forKey:Status_Message];

[_statusWindow addSubview:view];

[view showWithDuration:_animationDuration];

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, seconds * NSEC_PER_SEC), dispatch_get_main_queue(), ^{

UIView  *tmpView = [_weakDictionary objectForKey:Status_Message];

[tmpView hideWithDuration:_animationDuration];

});

}

@end

//

//  StatusMessageProtocol.h

//  StatusBarView

//

//  Created by YouXianMing on 15/7/24.

//  Copyright (c) 2015年 YouXianMing. All rights reserved.

//

#import /**

*  状态栏的frame值

*/

#define  STATUS_BAR_FRAME  [[UIApplication sharedApplication] statusBarFrame]

@protocol StatusMessageProtocol @required

/**

*  显示动画

*

*  @param seconds 显示持续时间

*/

- (void)showWithDuration:(NSTimeInterval)seconds;

/**

*  隐藏动画(隐藏动画的时候请移除掉自己)

*

*  @param seconds 隐藏持续时间

*/

- (void)hideWithDuration:(NSTimeInterval)seconds;

@end

相关文章

  • 在状态栏上做渐变动画效果

    作者:YouXianMing授权本站转载。 效果 说明 1. 在状态栏上显示信息并覆盖状态栏信息需要技巧 2. 本...

  • RN-Animated

    渐变动画 渐变动画是改变透明度实现的动画效果,从透明到不透明的效果 点击按钮,开始动画 旋转动画 点击按钮开始动画...

  • Scratch之Android的Animation动画的四种动画

    缩放效果展示 Android游戏开发Animation动画中的渐变尺寸动画 ScaleAnimation渐变尺寸动...

  • 动画

    一、视图动画 1、补间动画:动作变化 alpha:透明度渐变动画效果 scale:尺寸变化动画效果 transla...

  • 渐变 视图\文字

    GitHub下载 效果如下图所示:1、进度条渐变(可自行设置动画) 进度条的动画效果: 2、文字颜色渐变 3、UI...

  • CSS实现“鼠标悬浮按钮_闪过光泽”效果

    创建按钮 创建按钮样式 创建渐变光 创建什么时候渐变光出现 创建渐变光的动画效果 动画开始执行 HTML+CSS,...

  • android动画及阴影效果

    1.动画定义位置:xml/anima包下常用属性:alpha 渐变透明度动画效果scale 渐变尺寸伸缩动...

  • 视图动画

    视图动画的种类: alpha:渐变透明动画效果 scale 渐变尺寸伸缩 translate:画面变换位置移动 r...

  • Android动画效果translate、scale、alpha

    动画类型Android的animation由四种类型组成XML中:alpha 渐变透明度动画效果 scale 渐变...

  • Js轮播图效果实现

    使用css渐变动画,完成图片的切换的效果。 效果图:

网友评论

      本文标题:在状态栏上做渐变动画效果

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