iOS 半透明弹窗

栏目: IOS · 发布时间: 7年前

内容简介:主流 APP 上的半透明弹窗效果:

移动弹窗基础知识浅析——IOS 弹窗体系

主流 APP 上的半透明弹窗效果:

iOS 半透明弹窗

GitHub 第三方框架

类似样式的第三方框架

原生实现

如何在当前页面显示一个半透明的弹窗视图?

新建一个带 Nib 的 UIViewController 子类对象(本实例类名为 HQLVersionUpdateViewController),接着设置根视图的不透明度(Opacity),这里的值设置为60%:

iOS 半透明弹窗

接着构建你想要显示的弹窗视图:

iOS 半透明弹窗

最后添加在当前页面显示的代码:

// 显示版本更新弹窗
HQLVersionUpdateViewController *versionUpdateVC = [[HQLVersionUpdateViewController alloc] init];
versionUpdateVC.modalTransitionStyle = UIModalTransitionStyleCrossDissolve; // 设置弹出方式
versionUpdateVC.providesPresentationContextTransitionStyle = YES;
versionUpdateVC.definesPresentationContext = YES;
versionUpdateVC.modalPresentationStyle = UIModalPresentationOverFullScreen; // 设置全屏显示
[self presentViewController:versionUpdateVC animated:YES completion:nil];

作者:独木舟的木

链接:https://www.jianshu.com/p/d0cbf38859ee


以上所述就是小编给大家介绍的《iOS 半透明弹窗》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Vue.js前端开发

Vue.js前端开发

陈陆扬 / 人民邮电出版社 / 2017-2-1 / CNY 45.00

本书分为10章,包括简介、基础特性、指令、过滤器、过渡、组件、状态管理、常用插件、工程实例和Weex打包。本书从简单的单个实例和基础语法,到工程实例,将系统地讲述Vue.js在项目中的适用场景和具体操作。本书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,最后能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。一起来看看 《Vue.js前端开发》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具