iOS Storyboard 使用技巧分享

iOS Storyboard 使用技巧分享

最近一段时间一直在忙项目,好久没有更新博客了,今天给大家带来一点iOS开发者使用Storyboard 设置属性的小技巧(将属性设置直接添加到Storyboard面板设置及实时查看效果):

下面以UIVIew设置圆角及阴影效果展示具体效果
  • 首先创建Swift file 对UIView进行扩展
extension UIView {
    @IBInspectable 
    var cornerRadius : CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
        }
    }

    //阴影圆角
    @IBInspectable
    var shadowRadius : CGFloat {
        get {
            return layer.shadowRadius
        }
        set {
            layer.shadowRadius = newValue
        }
    }

    //阴影偏移
    @IBInspectable
    var shadowOffset : CGSize {
        get {
            return layer.shadowOffset
        }
        set {
            layer.shadowOffset = newValue
        }
    }

    //阴影颜色
    @IBInspectable
    var shadowColor : UIColor? {
        get {
            return layer.shadowColor != nil ?  UIColor(cgColor: layer.shadowColor!) : nil
        }
        set {
            layer.shadowColor = newValue?.cgColor
        }
    }

    //阴影透明度
    @IBInspectable
    var shadowOpacity : Float {
        get {
            return layer.shadowOpacity
        }
        set {
            layer.shadowOpacity = newValue
        }
    } 

@IBInspectable 可以使设置的属性直接显示在Storyboard面板中,如图:

这里写图片描述

  • 属性设置可以及时在Storyboard中看到效果(当前设置View的Class设置为ArcView)
@IBDesignable  
class ArcView: UIView {

}

@IBDesignable 在Storyboard中及时看到效果(阴影效果)

这种方式可以在开发中节省不少代码量,看到的小伙伴们赶紧去试试效果,后期有好的技巧还会在博客中持续更新,小伙伴可以多多关注。

也可以去GitHUb查看使用案例

已同步至本人博客

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值