《Motion Design for iOS》(二十五)
来源:互联网 发布:哔咔用啥番茄软件好? 编辑:程序博客网 时间:2024/06/11 16:19
现在我们已经了解了Core Animation的基础并且使用了优秀的框架JNWSpringAnimation来模仿弹簧系统,是时候来开始写一些真实的示例代码了。
仿制一个iOS AlertView
重现一个熟悉的界面元素是一个很好的熟悉动画开发的方式。首先,让我们创建我们自己的标准iOS警告视图。这是内置的警告视图的样子。
在本指南之前的章节中,我解释了分解一个动画的各个组成部分有多么重要,这样你就可以准确地构建它。仅仅说“警告框动画进入屏幕”是不够的,你需要准确地知道发生了什么。让我们来分解这个动画。
- 屏幕随着渐入的一层半透明灰覆盖变暗。
- 警告框从完全透明以及比1.0倍大的大小开始,并动画至100%不透明和1.0倍大小。
- 消失的时候,它会淡出为完全透明并且比例会动画减小到比1.0要小。
- 阴暗的覆盖层淡出并消失。
在我们进入详细的代码之前,让我们看看我们要完成的警告框是什么样子的。
首先让我们创建一个简单的有白色背景的应用窗口。这是在应用的delegate类中,并且代码会在app完成启动的时候就立即运行。你可以在Alert View 1 Xcode工程中参考代码。
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // Construct the main window for this application self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; // All additional code in this example will go right here self.window.backgroundColor = [UIColor whiteColor]; [self.window makeKeyAndVisible]; return YES;}
在这一步,我们有一个UIWindow
,其位置和方向可以准确地填充屏幕,并且背景色被设为了白色。如果我们现在立马运行它,它只会在模拟器中(或者你的手机,如果连接了的话)运行一个空的、白色的应用屏幕。现在来创建我们的覆盖层,将其添加到屏幕上,并将透明度设为0.0,因为我们现在不想显示它。
UIView *overlayView = [[UIView alloc] initWithFrame:self.window.bounds];overlayView.backgroundColor = [UIColor blackColor];overlayView.alpha = 0.0f;[self.window addSubview:overlayView];
这个覆盖层是一个简单的UIView
,填充了整个主窗口对象。这意味着它会被放置在窗口的左上角,并且其宽和高会匹配窗口,从而覆盖所有的内容。为了显示我现在有的内容,如果我提高覆盖层的不透明度,这就是看起来的样子。
0 0
- 《Motion Design for iOS》(二十五)
- 《Motion Design for iOS》(十五)
- 《Motion Design for iOS》(二)
- 《Motion Design for iOS》(二十)
- 《Motion Design for iOS》(二十一)
- 《Motion Design for iOS》(二十二)
- 《Motion Design for iOS》(二十三)
- 《Motion Design for iOS》(二十四)
- 《Motion Design for iOS》(二十六)
- 《Motion Design for iOS》(二十七)
- 《Motion Design for iOS》(二十八)
- 《Motion Design for iOS》(二十九)
- 《Motion Design for iOS》(一)
- 《Motion Design for iOS》(三)
- 《Motion Design for iOS》(四)
- 《Motion Design for iOS》(五)
- 《Motion Design for iOS》(六)
- 《Motion Design for iOS》(七)
- Android中Activity生命周期的深度剖析
- 简单方便的代码混淆(Android)
- 批处理修改所有文件夹下文件后缀名
- Service com.android.exchange.ExchangeService has leaked ServiceConnection
- SVG路径命令总结
- 《Motion Design for iOS》(二十五)
- A20主板接7寸触摸
- SSL编程(1) 概述
- MVC和MVP的介绍
- ArcGis Engine编程之图层渲染与输入坐标画要素
- mysql子查询 带 In 关键字的子查询 带比较运算符的子查询 带 Exists 关键字的子查询 带 Any 关键字的子查询 带 All 关键字的子查询
- 对模式的一点看法
- spring4+springmvc+mybatis+maven框架搭建
- 解决apk添加签名之后不显示百度地图获取定位信息