//

//  ViewController.swift

//  animationAlert

//

//  Created by su on 15/12/9.

//  Copyright © 2015年 tian. All rights reserved.

//

import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {

super.viewDidLoad()

//灰色的遮挡板

let overLayView = UIView(frame: self.view.bounds)

overLayView.backgroundColor = UIColor.blackColor()

overLayView.alpha = 0

//加入场景

self.view.addSubview(overLayView)

//警告框相关的代码

//警告框的宽度

let alerDimension:CGFloat = 250

let alertViewFrame = CGRect(x: self.view.bounds.size.width / 2 - alerDimension / 2, y: self.view!.bounds.size.height / 2 - alerDimension / 2, width: alerDimension, height: alerDimension)

let alertView  = UIView(frame: alertViewFrame)

alertView.backgroundColor = UIColor(patternImage: UIImage(named: "alert_box")!)

alertView.alpha = 1

//警告框初始尺寸为1.2 倍

alertView.transform = CGAffineTransformMakeScale(1.2, 1.2)

//设置圆角半径

alertView.layer.cornerRadius = 10

//设置阴影

//颜色

alertView.layer.shadowColor = UIColor.blackColor().CGColor

//阴影偏移

alertView.layer.shadowOffset = CGSizeMake(0, 5)

//阴影透明度

alertView.layer.shadowOpacity = 0

//阴影的半径

alertView.layer.shadowRadius = 10

self.view.addSubview(alertView)

//延时设置

var minseconds = 1 * Double(NSEC_PER_MSEC)

var dtime = dispatch_time(DISPATCH_TIME_NOW, Int64(minseconds))

dispatch_after(dtime, dispatch_get_main_queue()) { () -> Void in

//自定义警告框动画的上半部分

UIView.animateWithDuration(0.3, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in

overLayView.alpha = 0.3

alertView.alpha = 1

}, completion: nil)

let scale = JNWSpringAnimation(keyPath: "transform.scale")

scale.damping = 14

scale.stiffness = 14

scale.mass = 1

scale.fromValue = 1.2

scale.toValue = 1

alertView.layer.addAnimation(scale, forKey: scale.keyPath)

alertView.transform = CGAffineTransformScale(CGAffineTransformIdentity, 1, 1)

}

minseconds = 3 * Double(NSEC_PER_MSEC)

dtime = dispatch_time(DISPATCH_TIME_NOW, Int64(minseconds))

dispatch_after(dtime, dispatch_get_main_queue()) { () -> Void in

//下半部分消失

UIView.animateWithDuration(1, delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in

overLayView.alpha = 0

alertView.alpha = 0

}, completion: nil)

let scaleOut = JNWSpringAnimation(keyPath: "tranform.scale")

scaleOut.damping = 14

scaleOut.stiffness = 14

scaleOut.mass = 1

scaleOut.fromValue = 1

scaleOut.toValue = 0.7

alertView.layer.addAnimation(scaleOut, forKey: scaleOut.keyPath)

alertView.transform = CGAffineTransformMakeScale(0.7, 0.7)

}

}

override func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning()

// Dispose of any resources that can be recreated.

}

}

swift 自定义弹框的更多相关文章

  1. vue3系列:vue3.0自定义弹框组件V3Popup|vue3.x手机端弹框组件

    基于Vue3.0开发的轻量级手机端弹框组件V3Popup. 之前有分享一个vue2.x移动端弹框组件,今天给大家带来的是Vue3实现自定义弹框组件. V3Popup 基于vue3.x实现的移动端弹出框 ...

  2. RN code push自定义弹框

    最近在弄react native的code push热更新问题.开始是用的后台默默更新配置.由于微软服务器速度问题,经常遇到用户一直在下载中问题.而用户也不知道代码需要更新才能使用新功能,影响了正常业 ...

  3. vue自定义弹框

    vue 全局自定义简单弹框 https://www.jianshu.com/p/1307329aa09e https://www.cnblogs.com/crazycode2/p/7907905.ht ...

  4. html自定义弹框

    一.要实现的功能 1.弹框弹出时有遮罩 2.弹框内的文字过多时右侧有滚动条 3.根据执行结果变更弹框title的样式   二.具体实现 思路:定义一个有宽高的div,默认隐藏,当要显示时,设置为dis ...

  5. artDialog自定义弹框

    弹框内容:<div class='boxy' style="display:none;" id="boxy"> //将div设置成隐藏效果 < ...

  6. android之自定义弹框

    step1 创建窗体 final AlertDialog dialog =new Builder(this).create(); step2 获取View View viewDialog =View. ...

  7. svelte组件:Svelte自定义弹窗Popup组件|svelte移动端弹框组件

    基于Svelte3.x自定义多功能svPopup弹出框组件(组件式+函数式) 前几天有分享一个svelte自定义tabbar+navbar组件,今天继续带来svelte自定义弹窗组件. svPopup ...

  8. 考拉Android统一弹框

    作者:钱成杰 背景 在快速开发的背景下,经历了n个版本后的考拉Android App中已经存在了各种各样看似相同却各有差别的弹框样式.其中包括系统弹框和自定义弹框,并且在线上时常会出现IllegalA ...

  9. layer弹框在实际项目中的一些应用

    官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,l ...

随机推荐

  1. HQL语句:三表查询(一对多,一对多)

    实体类:CrmDepartment package com.learning.crm.department.domain; import java.util.HashSet; import java. ...

  2. 浅析 MySQL Replication(转)

    目前很多公司中的生产环境中都使用了MySQL Replication ,也叫 MySQL 复制,搭建配置方便等很多特性让 MySQL Replication 的应用很广泛,我们曾经使用过一主拖20多个 ...

  3. myeclipse修改内存大小不足

    工具中修改设置Default VM Arguments   1 打开MyEclipse,如下图所示 2 打开Windows-> Preferences 3 然后选择右侧菜单的Java->I ...

  4. linux CentOS 安装rz和sz命令 lrzsz 实现windows和linux之间的文件上传 下载

    https://blog.nbhao.org/1902.html https://bbs.csdn.net/topics/391989523 https://www.cnblogs.com/zhoul ...

  5. Regenerate Script 重置脚本

    1.Regenerate Script 重置回录制后的第一次脚本,当修改设定后点击这个按钮,新的设置也会录制到 如:开始没有录到下载的文件,添加下载文件的个时候,再次点击重置,就录制到了 如:如开始是 ...

  6. jsp---猜数字游戏,深有感触

    猜数字游戏注意两点.1.随机数和猜的数字不能放在同一个页面,不然随机数不停出现,猜的数字不可能相等的. 2.数据类型的相互转换.包装类Integer和int的用法,前者是类,后者是基本数据类型 cai ...

  7. Java 字符串 String

    什么是Java中的字符串 在 Java 中,字符串被作为 String 类型的对象处理. String 类位于 java.lang 包中.默认情况下,该包被自动导入所有的程序. 创建 String 对 ...

  8. python调用R语言,关联规则可视化

    首先当然要配置r语言环境变量什么的 D:\R-3.5.1\bin\x64; D:\R-3.5.1\bin\x64\R.dll;D:\R-3.5.1;D:\ProgramData\Anaconda3\L ...

  9. poj 1930 Dead Fraction(循环小数化分数)

    Dead Fraction Time Limit: 1000MS   Memory Limit: 30000K Total Submissions: 3478   Accepted: 1162 Des ...

  10. 031:Cetus sharding

    目录 一.主机环境 二.搭建环境 1.准备环境 三.Cetus安装 1.下载包和安装依赖包 2.Cetus安装 1.安装说明 2.安装实施 四.Cetus配置 1.创建和修改配置文件 2.启动cetu ...