`
zjjzmw1
  • 浏览: 1367039 次
  • 性别: Icon_minigender_1
  • 来自: 开封
社区版块
存档分类
最新评论

动画弹出半透明层

    博客分类:
  • iOS
阅读更多

// Initialization code

        self.backgroundColor = [UIColorclearColor];

        _mainWindow = [UIApplicationsharedApplication].keyWindow;

        _overlayWindow = [[UIWindow alloc] initWithFrame:SCREENBOUND];

        _overlayWindow.windowLevel = UIWindowLevelStatusBar;

        _overlayWindow.userInteractionEnabled = NO;

        _overlayWindow.backgroundColor = [UIColorcolorWithWhite:0.0falpha:0.0f];

        _overlayWindow.hidden = YES;

        [_overlayWindowmakeKeyWindow]; 

 

- (void)show

{

    _overlayWindow.hidden = NO;

    [UIViewanimateWithDuration:kDuration*1.5f

                          delay:0.0f

                        options:UIViewAnimationOptionCurveEaseOut

                     animations:^(){

                         _overlayWindow.backgroundColor = [UIColor colorWithWhite:0.0f alpha:0.35f];

                    }

                     completion:^(BOOL finished){

                         

                     }];

}

- (void)hide

{

    

    [UIViewanimateWithDuration:kDuration*1.5f

                          delay:0.0f

                        options:UIViewAnimationOptionCurveEaseOut

                     animations:^(){

                         _overlayWindow.backgroundColor = [UIColor colorWithWhite:0.0f alpha:0.0f];

                     }

                     completion:^(BOOL finished){

                         _overlayWindow.hidden = YES;

                     }];

 

}

 

- (void)showInView:(UIView *) view

{

    [self show];

    [view addSubview:_overlayWindow];

    

    CATransition *animation = [CATransition  animation];

    animation.delegate = self;

    animation.duration = kDuration;

    animation.timingFunction = [CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    animation.type = kCATransitionPush;

    animation.subtype = kCATransitionFromTop;

    [self setAlpha:1.0f];

    [self.layer addAnimation:animation forKey:@"DDLocateView"];

    

    self.frame = CGRectMake(0, view.frame.size.height - self.frame.size.height, self.frame.size.width, self.frame.size.height);

    

    

    [view addSubview:self];

 

}

1
0
分享到:
评论

相关推荐

    弹出层全屏半透明(浏览器全兼容)

    在网页设计和开发中,创建一个弹出层全屏半透明的效果是一项常见的需求,它可以用于显示重要的信息、对话框或者加载动画等。标题"弹出层全屏半透明(浏览器全兼容)"揭示了我们要讨论的关键技术点:弹出层的实现、...

    jquery弹出半透明遮罩层

    "jQuery弹出半透明遮罩层"是一个常见的功能,用于创建一种半透明的覆盖层,通常用于加载提示、模态对话框或阻止用户在特定操作期间与页面其余部分交互。在这个场景中,我们讨论的知识点主要包括jQuery的选择器、DOM...

    WPF弹出半透明遮罩

    在Windows Presentation Foundation(WPF)中,创建一个半透明的弹出遮罩是常见的需求,尤其是在设计用户界面时,为了提供更好的用户体验,我们可能需要在主窗口上显示一个半透明的覆盖层,以突出显示某些内容或者...

    js+html5实现半透明遮罩层弹框效果.docx

    在现代网页设计中,半透明遮罩层弹框效果是一种非常常见的交互方式,它不仅可以提升用户体验,还能让页面更加美观。通过JavaScript与HTML5的结合使用,我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...

    DIV始终居中的半透明弹出层

    在网页设计中,"DIV始终居中的半透明弹出层"是一种常见的用户界面元素,用于显示重要的信息或者交互,如提示、警告、登录框等。本文将深入探讨如何实现这样的功能,包括HTML结构、CSS样式以及可能涉及的JavaScript...

    css3半透明遮罩背景lightbox图片展示特效

    Lightbox是一种流行的设计模式,当用户点击图片预览链接时,会在当前页面上弹出一个全屏或半屏的图片视图,同时提供一个半透明的遮罩层,以增强用户体验。 一、CSS3半透明遮罩 半透明遮罩可以通过设置`opacity`属性...

    解决qt5.13.2加载webp动画半透明效果堆叠问题

    然而,在使用Qt 5.13.2版本时,可能会遇到一个问题:当加载WebP动画时,半透明效果可能会出现堆叠异常,导致显示不正常。本文将深入探讨这个问题,并提供解决方案。 首先,我们要理解Qt对WebP的支持。自Qt 5.9起,...

    DIV始终居中的半透明弹出层.rar

    在网页设计中,"DIV始终居中的半透明弹出层"是一个常见的需求,它涉及到CSS布局、定位以及透明度设置等多个技术点。下面将详细解释这些知识点。 首先,`DIV`是HTML中的一个块级元素,常用于创建网页布局结构。在本...

    css 半透明全屏蒙层 全屏屏蔽 内容绝对居中

    这主要用于在页面上提供一种交互式的体验,比如显示加载动画、弹出对话框或者遮罩其他元素。下面我们将详细讲解如何使用CSS来实现这个功能。 首先,我们需要创建一个HTML结构,通常包括一个主容器(`<div>`)作为...

    【cocos2dx 小技巧】半透明屏蔽罩和弹出框的实现

    在Cocos2d-x游戏开发中,我们常常需要创建各种交互元素,比如半透明的屏蔽罩和弹出框,以增强用户体验。本文将详细介绍如何利用`ColorLayer`和自定义基类来实现这两种效果。 首先,`ColorLayer`是Cocos2d-x中的一个...

    js透明弹出层

    在本主题中,我们聚焦的是“js透明弹出层”,这是一种常见于网页设计中的功能,它允许在不刷新整个页面的情况下,显示一个覆盖在原有页面上的半透明对话框,用于提示信息、展示详情或接收用户输入。 创建js透明弹出...

    弹出框,半透明

    同时,`transition`属性可以平滑地改变这个属性,使得弹出框在出现和消失时有动画效果。 2. **Box Shadow**:半透明边框也可以通过`box-shadow`属性来模拟,尤其是当需要边框具有动态效果时。可以设置阴影的不透明...

    JavaScript 弹出半透明窗口

    JavaScript 弹出半透明窗口是网页交互中一种常见的设计手法,它可以在用户与网页交互时显示重要的信息或者提示,而不打断用户的浏览体验。通常,这种窗口具有较低的不透明度,使得用户可以看到背景页面的内容,但又...

    纯css3图片点击弹出动画遮罩层效果

    6. **CSS3的透明度(Opacity)**:半透明遮罩层的实现离不开`opacity`属性,它可以设置元素的不透明度,从而创造出半透明的效果。 7. **响应式设计**:虽然描述中没有特别提到,但一个好的CSS3效果应该考虑不同的...

    CSS3鼠标悬停图片半透明渐变颜色背景遮罩动画特效

    在本文中,我们将深入探讨如何使用CSS3实现一个精美的鼠标悬停图片半透明渐变颜色背景遮罩动画特效。这个特效在用户将鼠标指针悬停在图片上时,会在图片上方添加一层带有渐变颜色的遮罩,当鼠标移开时,遮罩会以平滑...

    Android夜间模式实现,通过在window上加一层半透明的View

    本篇文章将详细解释如何通过在窗口上添加一层半透明的View来实现Android的夜间模式。 首先,我们要理解Android窗口(Window)的概念。在Android中,每个Activity都与一个Window对应,它是一个抽象层,负责处理显示...

    11款modernizr html5 css3动画弹出遮罩层菜单效果

    遮罩层是覆盖在网页内容上方的半透明层,常用于创建对话框、模态窗口或菜单。通过CSS,我们可以轻松设置遮罩层的透明度、大小和位置,使其在需要时覆盖整个页面,提供一种专注的用户体验。当用户点击遮罩层或者完成...

    鼠标移动到图片出来半透明文字层.rar

    "鼠标移动到图片出来半透明文字层"这个主题,就是一种常见的网页交互设计技术,它通过JavaScript或者CSS3来实现。下面我们将深入探讨这个知识点。 首先,我们要了解这个效果的基本原理。当用户将鼠标光标移动到图片...

    浮层(AJAX)(弹出层,并半透明)

    浮层(AJAX)技术是网页开发中一种常见的交互设计手法,它允许在不刷新整个页面的情况下,通过异步通信(Ajax)加载新的内容到页面的特定区域,同时展现出一个半透明的弹出层,以提供更加丰富的用户体验。...

    CSS3带遮罩背景倾斜切入动画弹出层窗口特效

    【CSS3带遮罩背景倾斜切入动画弹出层窗口特效】是一种创新的网页设计技术,主要利用了CSS3的新特性来实现动态的视觉效果。在网页中,这种特效通常用于创建吸引用户注意力的弹出层窗口,比如显示重要的通知、图片或者...

Global site tag (gtag.js) - Google Analytics