84、iOS开发：Interface Builder实时视图与图形绘制教程

iOS开发：Interface Builder实时视图与图形绘制教程

1. Interface Builder实时视图与嵌入式框架

1.1 使视图可设计

在添加代码后，在设备或模拟器上运行应用程序可以看到绘制了图形的视图。但为了避免每次查看代码效果都要编译和运行应用程序，可以让视图在Interface Builder中“实时”显示。只需在 MyDrawView.swift 文件的类声明前添加 @IBDesignable 指令：

import UIKit
import QuartzCore

@IBDesignable
class MyDrawView: UIView {

    var startColor: UIColor = UIColor.white
    var endColor: UIColor = UIColor.blue
    var endRadius: CGFloat = 100
    // ...
}

添加该指令后，Xcode会编译该类并在Interface Builder的故事板画布中渲染它。对 MyDrawView 代码的更改将立即反映在Interface Builder实时视图中。可以右键点击 MyDrawView.swift 文件，选择“在新窗口中打开”，然后在 MyDrawView.swift 文件中更改 endColor 变量的声明，将其赋值为不同的颜色，就能看到