美文网首页
swift4.0 代码设置阴影

swift4.0 代码设置阴影

作者: 小曼blog | 来源:发表于2018-09-14 15:48 被阅读93次

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


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

相关文章

  • swift4.0 代码设置阴影

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

  • 代码设置阴影

    添加阴影方式有很多种,如xml设置,java代码给view设置,或者纯绘制. 通过代码给textview添加红色阴...

  • Swift 内购代码

    文章中仅有swift4.0 实现内购代码部分,其他设置网上很容易搜到

  • 可视化设置边框宽、颜色、圆角(@IBDesignable、@IB

    代码基于swift4.0 用可视化的方式来设置view的变化宽度、颜色、圆角。效果如下: 一、 如果代码实现很简单...

  • 问题小计

    1、设置scrollView阴影失效。 代码如下,阴影始终不如出来: UIView的clipsToBounds默认...

  • 2019-06-12 iOS 阴影与圆角并存

    1、设置阴影的代码 2、很多人会发现当设置了阴影后,设置圆角阴影已经不见了,解决办法跟网上说的都差不多设置self...

  • 设置圆角/阴影/模糊处理

    以下代码是解决设置圆角/阴影离屏渲染的关键 layer 里与阴影有关的设置与 Sketch 里阴影参数的对应关系是...

  • ios 阴影偏移效果

    给UIView及其子类设置阴影偏移效果,代码如下:

  • iOS xib view设置阴影失效问题

    设置阴影 用代码设置xib中viw的阴影,本来就以为很简单的设置就完事了 意外结果 不仅没生效,反而还在子view...

  • View设置阴影

    一、设置阴影 在 Android 5.0 以后,可以通过 xml 或 Java代码 的方式给 View 添加阴影/...

网友评论

      本文标题:swift4.0 代码设置阴影

      本文链接:https://www.haomeiwen.com/subject/plmogftx.html