• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

swift4.0 代码设置阴影

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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


image.png

实现效果图展示一:


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
image.png

2.拖线关联


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,效果是

image.png

把firstview设置成白色,效果是

image.png

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Swift3.0服务端开发(四) MySQL数据库的连接与操作发布时间:2022-07-13
下一篇:
swifttextfiled输入完毕return隐藏键盘方法发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap