视图底部背景透明度解决方法
在项目开发中肯定会遇到各种各样的界面展示,其中不乏一些包含透明效果的背景颜色,例如:
文章图片
165907.png
文章图片
170045.png
文章图片
170242.png
在显示信息的底部都需要包含一个半透明的图层,综合想法如下:
1.将父视图设置为半透明,但是缺点是试图上的所有子视图也会变为半透明,效果如下:
文章图片
直接修改父视图的透明度 所以这个方法不可以使用到项目中
2.在父视图底部添加一个半透明的子视图,效果如下:
文章图片
添加半蓝色背景 【视图底部背景透明度解决方法】可以看出,完全不影响正常的效果,但是会多一层图层:
文章图片
分层显示 如果当前页面简介可以使用,如果是控件多样复杂的界面,查找起来比较麻烦
3.直接修改父视图的背景颜色的Opacity数值即可,操作入下:
修改Opacity数值 此方法可以直接修改视图的颜色透明度,而且不影响视图的子视图正常显示
推荐阅读
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- tableView|tableView 头视图下拉放大 重写
- Android实现主页底部菜单中间tab图案凸起
- mysql中视图事务索引与权限管理
- 霍夫变换与直线检测
- 不会PS没关系,用Word更换证件照背景色只要30秒!
- [JS]|[JS] generator版的阴阳谜题
- 2019腾讯笔试题
- SRS(简单实时视频服务)|SRS(简单实时视频服务) 笔记(1)- 体验
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等