// 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];
}
相关推荐
在网页设计和开发中,创建一个弹出层全屏半透明的效果是一项常见的需求,它可以用于显示重要的信息、对话框或者加载动画等。标题"弹出层全屏半透明(浏览器全兼容)"揭示了我们要讨论的关键技术点:弹出层的实现、...
"jQuery弹出半透明遮罩层"是一个常见的功能,用于创建一种半透明的覆盖层,通常用于加载提示、模态对话框或阻止用户在特定操作期间与页面其余部分交互。在这个场景中,我们讨论的知识点主要包括jQuery的选择器、DOM...
在Windows Presentation Foundation(WPF)中,创建一个半透明的弹出遮罩是常见的需求,尤其是在设计用户界面时,为了提供更好的用户体验,我们可能需要在主窗口上显示一个半透明的覆盖层,以突出显示某些内容或者...
在现代网页设计中,半透明遮罩层弹框效果是一种非常常见的交互方式,它不仅可以提升用户体验,还能让页面更加美观。通过JavaScript与HTML5的结合使用,我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...
在网页设计中,"DIV始终居中的半透明弹出层"是一种常见的用户界面元素,用于显示重要的信息或者交互,如提示、警告、登录框等。本文将深入探讨如何实现这样的功能,包括HTML结构、CSS样式以及可能涉及的JavaScript...
Lightbox是一种流行的设计模式,当用户点击图片预览链接时,会在当前页面上弹出一个全屏或半屏的图片视图,同时提供一个半透明的遮罩层,以增强用户体验。 一、CSS3半透明遮罩 半透明遮罩可以通过设置`opacity`属性...
然而,在使用Qt 5.13.2版本时,可能会遇到一个问题:当加载WebP动画时,半透明效果可能会出现堆叠异常,导致显示不正常。本文将深入探讨这个问题,并提供解决方案。 首先,我们要理解Qt对WebP的支持。自Qt 5.9起,...
在网页设计中,"DIV始终居中的半透明弹出层"是一个常见的需求,它涉及到CSS布局、定位以及透明度设置等多个技术点。下面将详细解释这些知识点。 首先,`DIV`是HTML中的一个块级元素,常用于创建网页布局结构。在本...
在Cocos2d-x游戏开发中,我们常常需要创建各种交互元素,比如半透明的屏蔽罩和弹出框,以增强用户体验。本文将详细介绍如何利用`ColorLayer`和自定义基类来实现这两种效果。 首先,`ColorLayer`是Cocos2d-x中的一个...
在本主题中,我们聚焦的是“js透明弹出层”,这是一种常见于网页设计中的功能,它允许在不刷新整个页面的情况下,显示一个覆盖在原有页面上的半透明对话框,用于提示信息、展示详情或接收用户输入。 创建js透明弹出...
这主要用于在页面上提供一种交互式的体验,比如显示加载动画、弹出对话框或者遮罩其他元素。下面我们将详细讲解如何使用CSS来实现这个功能。 首先,我们需要创建一个HTML结构,通常包括一个主容器(`<div>`)作为...
同时,`transition`属性可以平滑地改变这个属性,使得弹出框在出现和消失时有动画效果。 2. **Box Shadow**:半透明边框也可以通过`box-shadow`属性来模拟,尤其是当需要边框具有动态效果时。可以设置阴影的不透明...
JavaScript 弹出半透明窗口是网页交互中一种常见的设计手法,它可以在用户与网页交互时显示重要的信息或者提示,而不打断用户的浏览体验。通常,这种窗口具有较低的不透明度,使得用户可以看到背景页面的内容,但又...
6. **CSS3的透明度(Opacity)**:半透明遮罩层的实现离不开`opacity`属性,它可以设置元素的不透明度,从而创造出半透明的效果。 7. **响应式设计**:虽然描述中没有特别提到,但一个好的CSS3效果应该考虑不同的...
在本文中,我们将深入探讨如何使用CSS3实现一个精美的鼠标悬停图片半透明渐变颜色背景遮罩动画特效。这个特效在用户将鼠标指针悬停在图片上时,会在图片上方添加一层带有渐变颜色的遮罩,当鼠标移开时,遮罩会以平滑...
本篇文章将详细解释如何通过在窗口上添加一层半透明的View来实现Android的夜间模式。 首先,我们要理解Android窗口(Window)的概念。在Android中,每个Activity都与一个Window对应,它是一个抽象层,负责处理显示...
遮罩层是覆盖在网页内容上方的半透明层,常用于创建对话框、模态窗口或菜单。通过CSS,我们可以轻松设置遮罩层的透明度、大小和位置,使其在需要时覆盖整个页面,提供一种专注的用户体验。当用户点击遮罩层或者完成...
"鼠标移动到图片出来半透明文字层"这个主题,就是一种常见的网页交互设计技术,它通过JavaScript或者CSS3来实现。下面我们将深入探讨这个知识点。 首先,我们要了解这个效果的基本原理。当用户将鼠标光标移动到图片...
浮层(AJAX)技术是网页开发中一种常见的交互设计手法,它允许在不刷新整个页面的情况下,通过异步通信(Ajax)加载新的内容到页面的特定区域,同时展现出一个半透明的弹出层,以提供更加丰富的用户体验。...
【CSS3带遮罩背景倾斜切入动画弹出层窗口特效】是一种创新的网页设计技术,主要利用了CSS3的新特性来实现动态的视觉效果。在网页中,这种特效通常用于创建吸引用户注意力的弹出层窗口,比如显示重要的通知、图片或者...