内容简介:本demo仅适用于iOS8及以上系统。1、打开storyboard 拖一个UIViewcontroller出来,并与class相关联2、拖出一个UIView作为弹窗视图的容器,容器里放置弹窗的内容,容器高度根据具体需求放置。容器放在最底部
本demo仅适用于iOS8及以上系统。
使用autolayout+storyboard实现弹窗
第一步、storyboard创建界面
1、打开storyboard 拖一个UIViewcontroller出来,并与class相关联
2、拖出一个UIView作为弹窗视图的容器,容器里放置弹窗的内容,容器高度根据具体需求放置。容器放在最底部
3、放置一个UIButton在容器View的上方间距为0,并把UIButton设置为黑色(用于实现蒙版效果及点击空白处关闭弹窗)
4、约束。底部容器打left、right、bottom、height这个约束。UIButton打 left、right、top、bottom约束 如图
底部容器约束
UIButton约束
5、约束。将底部容器的bottom约束编辑修改 如图
修改容器bottom约束
修改容器bottom约束
修改容器bottom约束
6、找到底部容器的bottom约束拉线到对应的UIViewController 如图
拉线
第二步、设置蒙版及弹窗动画
1、修改UIButton的透明度并把UIViewController的View的背景色设置为透明 如图
设置透明度
//千万别设置view的alpha 设置alpha 会导致view下的所有子视图都变透明 self.view.backgroundColor = [UIColor clearColor]; //设置按钮透明度 self.dismissBtn.alpha = 0.5f; self.dismissBtn.backgroundColor = [UIColor blackColor];
2、实现弹窗动画,在viewDidAppear中实现,这样才可以看到整个动画过程 如图
修改约束
//视图显示完 弹出弹窗 - (void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; //更改视图 底部约束 self.viewBottomConstraint.constant = 0; //执行动画 [UIView animateWithDuration:0.25 animations:^{ //强制更新约束 [self.view layoutIfNeeded]; }]; }
3、弹出模态视图 如图
模态视图
请注意看截图,该方法所在类为ViewController
#pragma mark- 按钮点击事件 - (void)popBtn:(UIButton *)btn { UIStoryboard * sb = [UIStoryboard storyboardWithName:@"Main" bundle:nil]; QWPopupWindowVC * vc = [sb instantiateViewControllerWithIdentifier:@"QWPopupWindowVC"]; vc.providesPresentationContextTransitionStyle = YES; vc.definesPresentationContext = YES; vc.modalPresentationStyle = UIModalPresentationOverCurrentContext; [self presentViewController:vc animated:NO completion:nil]; }
几个属性的解释
解释内容摘至博客园 返回主页不打扰是我的温柔 http://www.cnblogs.com/SenDylan/p/3953832.html
providesPresentationContextTransitionStyle
definesPresentationContext
modalPresentationStyle
部分类容读起来怪怪的,不清楚是不是翻译软件的原因。
4、关闭弹窗
关闭弹窗
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- Angluar-模态视图构建简析(A)
- 如何使用JavaScript构建模态框插件
- 自定义带动画效果的模态框
- React 30 秒速学:制作模态框组件
- BERT在多模态领域中的应用
- 使用React手写一个对话框或模态框
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
计算机动画算法与编程基础
雍俊海 / 清华大学出版社 / 2008-7 / 29.00元
《计算机动画算法与编程基础》整理了现有动画算法和编程的资料,提取其中基础的部分,结合作者及同事和学生的各种实践经验,力求使得所介绍的动画算法和编程方法更加容易理解,从而让更多的人能够了解计算机动画,并进行计算机动画算法设计和编程实践。《计算机动画算法与编程基础》共8章,内容包括:计算机动画图形和数学基础知识,OpenGL动画编程方法,关键帧动画和变体技术,自由变形方法,粒子系统和关节动画等。一起来看看 《计算机动画算法与编程基础》 这本书的介绍吧!
RGB转16进制工具
RGB HEX 互转工具
MD5 加密
MD5 加密工具