Swift仿淘宝App选择颜色分类弹出view效果

本文介绍了如何使用Swift模仿淘宝App中选择商品颜色时出现的弹出视图效果。主要包括四个关键视图:黑色背景、白色主视图、半透明遮罩视图和灰色弹出视图。通过具体的代码示例展示了视图的创建、打开、关闭以及Layer层形变的过程。
摘要由CSDN通过智能技术生成

先来张图让小伙伴们看一眼, 是不是效果很不错.


自制做效果图

主要有四个View
黑色 XtPopViewController的self.view的颜色
白色 主控制器self.view颜色
在白色View上方 有个透明度为0.5的view 进行遮挡. (maskView)
下方的灰色View (popView1)
不多说直接上代码

let screen_Width = UIScreen.mainScreen().bounds.size.width
let screen_Height = UIScreen.mainScreen().bounds.size.height
class XtPopViewController: UIViewController {

        /// 在底部弹出的View
    var popView = UIView()
        /// rootView
    var rootView = UIView()
        /// 主VC
    var mainVc: UIViewController?
        /// maskView
    var maskView = UIView()

外部传参接口

func createPopViewControllerWithMainViewController(root: UIViewController, popView: UIView) -> Void {
        self.mainVc = root
        self.popView = popView
        self.createSubviews()
    }

创建视图

func createSubviews() {
        self.view.backgroundColor = UIColor.blackColor()
        mainVc!.view.frame = self.view.bounds
        mainVc!.view.backgroundColor = UIColor.grayColor()
        rootView = mainVc!.view
        self.addChildViewController(mainVc!)
        self.view.addSubview(rootView)
    }

关键的打开方法

func openAction(){
        UIApplication.sharedApplication().windows[0</
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值