swift4.0 代码设置阴影

简介: 有的时候,项目中会用到阴影的效果,增加立体感。我们可以让设计师给出切图,用图片填充。我们还可以使用几句代码来实现简单的阴影效果。实现效果图展示一:image.

有的时候,项目中会用到阴影的效果,增加立体感。我们可以让设计师给出切图,用图片填充。我们还可以使用几句代码来实现简单的阴影效果。
实现效果图展示一:


img_9d60c0b88213434a4cee9b24f4bd1751.png
image.png

实现效果图展示一:


img_aa156cfff2316b41c18d108e09b0a658.jpe
11.png

关键代码:

        firstView.layer.shadowColor = UIColor.purple.cgColor
        firstView.layer.shadowOffset = CGSize(width: 0, height: 20)
        firstView.layer.shadowRadius = 10
        firstView.layer.shadowOpacity = 0.1

简单解释下:
shadowColor: 阴影颜色
shadowOffset:阴影的范围(自己试下看看效果就晓得了)
shadowRadius: 阴影的圆角
shadowOpacity:阴影的透明度

详细步骤:

  1. 在storyboard上搭建简单的UI
img_5f119abed88f8e1e82d84e0721eecaaf.png
image.png

2.拖线关联


img_86709977e684b3a1f4c8b4adc00649cd.png
image.png
  1. 设置阴影以及圆角
//
//  ViewController.swift
//  TestShadow
//
//  Created by iOS on 2018/9/14.
//  Copyright © 2018年 weiman. All rights reserved.
//

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var firstView: UIView!
    @IBOutlet weak var purpleView: UIView!
    @IBOutlet weak var blueView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setup()
    }
    
    private func setup() {
        firstView.layer.shadowColor = UIColor.purple.cgColor
        firstView.layer.shadowOffset = CGSize(width: 0, height: 20)
        firstView.layer.shadowRadius = 10
        firstView.layer.shadowOpacity = 0.1
        
        purpleView.layer.cornerRadius = 10
        purpleView.layer.masksToBounds = true
        blueView.layer.cornerRadius = 10
        blueView.layer.masksToBounds = true
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

注意:
把firstview的背景颜色设置成透明色,也就是clearColor,效果是

img_4f20fb8f4363d357d7541dbeb2f73f21.png
image.png

把firstview设置成白色,效果是

img_fb012169993aa56b69f804ca019ed038.png
image.png
目录
相关文章
|
Swift
Swift 设置阴影
阴影的设置是通过layer的shadow设置的,其中offset为阴影的偏移量,探索下offset是如何影响阴影显示的
801 0
Swift 设置阴影
|
Swift 数据安全/隐私保护
40 Swift中代码访问权限控制
Swift中代码访问权限控制
80 0
|
Swift
Swift之设置UItextField的占位文字颜色颜色
Swift之设置UItextField的占位文字颜色颜色
268 0
Swift之设置UItextField的占位文字颜色颜色
|
存储 Swift
Swift - Cell自适应+代码约束(SnapKit)横竖屏支持平铺+根据URL获取图片size
Swift - Cell自适应+代码约束(SnapKit)横竖屏支持平铺+根据URL获取图片size
229 0
|
Swift
swift导航栏的设置
swift导航栏的设置
583 0
swift导航栏的设置
|
Swift
swift协议的设置和实现
swift协议的设置和实现
257 0
|
Swift iOS开发
Swift里的类继承,构造和析构代码
敲敲打打, 每天差不多一个小时来学这个, 相信到时候再用XCODE,感觉会熟悉很多。。
1339 0
swift 为UIView设置投影效果
//视频标题投影 videoBackBtn.layer.shadowOffset = CGSizeMake(3,3) videoBackBtn.
1029 0
|
5月前
|
Unix 调度 Swift
苹果iOS新手开发之Swift 中获取时间戳有哪些方式?
在Swift中获取时间戳有四种常见方式:1) 使用`Date`对象获取秒级或毫秒级时间戳;2) 通过`CFAbsoluteTimeGetCurrent`获取Core Foundation的秒数,需转换为Unix时间戳;3) 使用`DispatchTime.now()`获取纳秒级精度的调度时间点;4) `ProcessInfo`提供设备启动后的秒数,不表示绝对时间。不同方法适用于不同的精度和场景需求。
185 3