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是如何影响阴影显示的
733 0
Swift 设置阴影
|
9月前
|
Swift 数据安全/隐私保护
40 Swift中代码访问权限控制
Swift中代码访问权限控制
51 0
|
2月前
|
Swift iOS开发 C++
设置Swift开发环境
设置Swift开发环境
46 1
|
Swift
Swift之设置UItextField的占位文字颜色颜色
Swift之设置UItextField的占位文字颜色颜色
228 0
Swift之设置UItextField的占位文字颜色颜色
|
存储 Swift
Swift - Cell自适应+代码约束(SnapKit)横竖屏支持平铺+根据URL获取图片size
Swift - Cell自适应+代码约束(SnapKit)横竖屏支持平铺+根据URL获取图片size
190 0
|
Swift
swift导航栏的设置
swift导航栏的设置
534 0
swift导航栏的设置
|
Swift
swift协议的设置和实现
swift协议的设置和实现
218 0
swift 为UIView设置投影效果
//视频标题投影 videoBackBtn.layer.shadowOffset = CGSizeMake(3,3) videoBackBtn.
988 0
|
2月前
|
安全 编译器 Swift
IOS开发基础知识: 对比 Swift 和 Objective-C 的优缺点。
IOS开发基础知识: 对比 Swift 和 Objective-C 的优缺点。
150 2
|
2月前
|
设计模式 前端开发 Swift
使用Swift进行iOS应用开发:深入探索与最佳实践
【5月更文挑战第24天】探索Swift在iOS开发中的深度应用与最佳实践。Swift以其简洁语法、类型安全、面向对象、高性能及与Objective-C的互操作性脱颖而出。使用Xcode设置开发环境,学习Swift语法,创建并设计项目,编写业务逻辑,同时进行调试和测试。遵循MVC模式,利用SwiftUI、并发特性,并注重内存管理,持续学习新工具和技术,以实现高质量应用开发。