IBInspectable / IBDesignable

Nate Cook撰写、April Peng翻译、 发布于2015年2月2日

展示,而不是描述。眼见为实。一图胜千邮件言。

无论陈词滥调多少次,比起一个需要我们记住并且输入什么的界面来说,如果替换成我们能够看见并可控制的界面的话将会是巨大的进步。 Xcode 6 提供了这样一个替代,在旧技术上建立新的互动。在设计项目的时候建立一个自定义的界面使你可以配置自定义控制并将它们实时显示出来,用IBInspectableIBDesignable,这将成为可能。

IBInspectable

IBInspectable属性提供了访问旧功能的新方式:用户自定义的运行时属性。从目前的身份检查器(identity inspector)中访问,这些属性在 Interface Builder 被整合到 Xcode 之前就可用了。他们提供了一个强有力的机制来配置一个 NIB,XIB,或者 storyboard 实例中的任何键值编码(key-value coded)属性:

虽然功能强大,运行时属性可能会使工作很繁琐。一个属性的关键字路径,类型和属性值需要在每个实例设置,没有任何自动完成或输入提示,这就需要前往文档或自定义子类的源代码仔细检查设置。IBInspectable属性彻底的解决了这个问题:在 Xcode 6,你现在可以指定任何属性作为可检查项并为你的自定义类建立了一个用户界面。

例如,在一个UIView子类里,这些属性用它们的值来更新背景层:

Swift
@IBInspectable var cornerRadius: CGFloat = 0 {
   didSet {
       layer.cornerRadius = cornerRadius
       masksToBounds = cornerRadius > 0
   }
}
@borderWidth: borderWidth = borderWidth
   }
}
@borderColor: UIColor? {
   borderColor = borderColor?.CGColor
   }
}

标有@IBInspectable(或是 Objective-C 中的IBInspectable),他们就可以很容易在 Interface Builder 的观察面板(inspector panel)里编辑。需要注意的是 Xcode 在这里做了更多的事,属性名称是从 camel- 转换为 title- 模式 并且相关的名称组合在一起:

因为可检查属性仅仅是用户定义的运行时属性顶部的接口,所以支持相同的类型列表:布尔,字符串和数字(即,NSNumber或任何数值类型),以及CGPointCGSizeCGRectUIColorNSRange,额外增加了UIImage

那些已经熟悉运行时属性的人将注意到在上面的例子中有一些问题。UIColor是里面唯一支持色彩的类型,而不是原生支持视图CALayerCGColorborderColor会计算UIColor属性(通过运行时属性设置)并映射到该层需要的CGColor

让现有的类型可观察

内置的 Cocoa 类型如果在 Interface Builder 中的属性检查器中没有列出也可以通过扩展来使属性可视。如果你喜欢圆角,你一定会喜欢这个UIView扩展:

extension UIView {
    @CGFloat {
        get {
            return cornerRadius
        }
        set {
            newValue
            newValue > 0
        }
    }
}

变!你创建的任何UIView都将有一个可配置的边界半径。

IBDesignable

如果这还不够,IBDesignable自定义视图也在 Xcode 6 中亮相了。当应用到UIViewNSView子类中的时候,@ IBDesignable让 Interface Builder 知道它应该在画布上直接渲染视图。你会看到你的自定义视图在每次更改后不必编译并运行你的应用程序就会显示。

标记一个自定义视图为IBDesignable,只需在类名前加上@IBDesignable的前缀(或是 Objective-C 里的IB_DESIGNABLE宏)。你的初始化、布置和绘制方法将被用来在画布上渲染你的自定义视图:

IBDesignable class MyCustomView: UIView { ... }

IBInspectable / IBDesignable的使用方法详解的更多相关文章

  1. ios – @IBInspectable何时设置?

    我有几个属性设置为@IBInspectable,所以我可以在InterfaceBuilder中编辑它们,但在运行时这些属性设置?我在init中尝试使用它们,但是还没有设置它们.这是我正在努力做的.但是我甚至不能将TimerInit移动到TimerViewInit,因为@IBInspectable变量在init被调用之前没有设置.解决方法像IB中的任何设置一样,当xib文件被加载时,它将被设置.你想在awakeFromNib()中设置你的计时器

  2. IBInspectable / IBDesignable 只能用于Swift?

    .CGColor}}标有@IBInspectable,他们就可以很容易在InterfaceBuilder的观察面板里编辑。IBDesignable如果这还不够,IBDesignable自定义视图也在Xcode6中亮相了。标记一个自定义视图为IBDesignable,只需在类名前加上@IBDesignable的前缀。加上IBInspectable属性,一个设计师或开发人员可以轻松地调整自定义控件的呈现,以得到她想要的确切的结果。TARGET_INTERFACE_BUILDER//thiscodewillru

  3. 在OC和Swift中使用IBDesignable/IBInspectable

    以UIView的子类为例:SwiftIBDesignable/IBInspectable首先我们得建一个ViewSwift类,View继承自UIView,选择Swift语言。然后在XIB或Storyboard里面,拖一个UIView上去,把class改成自己定义的View然后点击旁边的属性编辑,就可以看到我们动态加载上去的属性,直接修改就可以了,XIB上的View也会跟随变化。我们就可以看到一个UIView的子类变成了这样Objective-CIBDesignable/IBInspectable建一个Vi

  4. 使用Swift在Xcode中创建自定义控件

    下面是一个简单的示例代码段:BuildingYourXcodeProjectLet’sgetstartedbycreatinganewprojectinXcodeandchooseSingleViewApplicationasatemplate,andnameitRainbowDemo.WewilluseSwiftinthisprojectastheprogramminglanguage,sodon’tforgettochooseitwhencreatingtheproject.让我们从在Xcode中创建

  5. 【swift 关键词】让我们牢记swift中的一些关键字用途

    ##好记性不如烂笔头学习swift原英文版本学习swift翻译中文版swift数据类型与oc比较###进入退出swift###第一个关键字guard###inout###uNowned###lazy###willSetdidSetgetset###mutating###SubscriptsClosures###typealias###defer###throwsthrow###do-catch##

  6. [翻译]使用Swift在Xcode中创建自定义控件

    下面是一个简单的示例代码段:BuildingYourXcodeProjectLet’sgetstartedbycreatinganewprojectinXcodeandchooseSingleViewApplicationasatemplate,andnameitRainbowDemo.WewilluseSwiftinthisprojectastheprogramminglanguage,sodon’tforgettochooseitwhencreatingtheproject.让我们从在Xcode中创建

  7. IBInspectable / IBDesignable的使用方法详解

    在设计项目的时候建立一个自定义的界面使你可以配置自定义控制并将它们实时显示出来,用IBInspectable和IBDesignable,这将成为可能。IBInspectableIBInspectable属性提供了访问旧功能的新方式:用户自定义的运行时属性。IBInspectable属性彻底的解决了这个问题:在Xcode6,你现在可以指定任何属性作为可检查项并为你的自定义类建立了一个用户界面。IBDesignable如果这还不够,IBDesignable自定义视图也在Xcode6中亮相了。标记一个自定义视图

随机推荐

  1. Swift UITextField,UITextView,UISegmentedControl,UISwitch

    下面我们通过一个demo来简单的实现下这些控件的功能.首先,我们拖将这几个控件拖到storyboard,并关联上相应的属性和动作.如图:关联上属性和动作后,看看实现的代码:

  2. swift UISlider,UIStepper

    我们用两个label来显示slider和stepper的值.再用张图片来显示改变stepper值的效果.首先,这三个控件需要全局变量声明如下然后,我们对所有的控件做个简单的布局:最后,当slider的值改变时,我们用一个label来显示值的变化,同样,用另一个label来显示stepper值的变化,并改变图片的大小:实现效果如下:

  3. preferredFontForTextStyle字体设置之更改

    即:

  4. Swift没有异常处理,遇到功能性错误怎么办?

    本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

  5. 字典实战和UIKit初探

    ios中数组和字典的应用Applicationschedule类别子项类别名称优先级数据包contactsentertainment接触UIKit学习用Swift调用CocoaTouchimportUIKitletcolors=[]varbackView=UIView(frame:CGRectMake(0.0,0.0,320.0,CGFloat(colors.count*50)))backView

  6. swift语言IOS8开发战记21 Core Data2

    上一话中我们简单地介绍了一些coredata的基本知识,这一话我们通过编程来实现coredata的使用。还记得我们在coredata中定义的那个Model么,上面这段代码会加载这个Model。定义完方法之后,我们对coredata的准备都已经完成了。最后强调一点,coredata并不是数据库,它只是一个框架,协助我们进行数据库操作,它并不关心我们把数据存到哪里。

  7. swift语言IOS8开发战记22 Core Data3

    上一话我们定义了与coredata有关的变量和方法,做足了准备工作,这一话我们来试试能不能成功。首先打开上一话中生成的Info类,在其中引用头文件的地方添加一个@objc,不然后面会报错,我也不知道为什么。

  8. swift实战小程序1天气预报

    在有一定swift基础的情况下,让我们来做一些小程序练练手,今天来试试做一个简单地天气预报。然后在btnpressed方法中依旧增加loadWeather方法.在loadWeather方法中加上信息的显示语句:运行一下看看效果,如图:虽然显示出来了,但是我们的text是可编辑状态的,在storyboard中勾选Editable,再次运行:大功告成,而且现在每次单击按钮,就会重新请求天气情况,大家也来试试吧。

  9. 【iOS学习01】swift ? and !  的学习

    如果不初始化就会报错。

  10. swift语言IOS8开发战记23 Core Data4

    接着我们需要把我们的Rest类变成一个被coredata管理的类,点开Rest类,作如下修改:关键字@NSManaged的作用是与实体中对应的属性通信,BinaryData对应的类型是NSData,CoreData没有布尔属性,只能用0和1来区分。进行如下操作,输入类名:建立好之后因为我们之前写的代码有些地方并不适用于coredata,所以编译器会报错,现在来一一解决。

返回
顶部