Question

如何用 Swift 语言构建一个自定控件

Answer 1

　假设你在开发一个应用程序，该程序提供搜索商品价格列表。通过这个假象的应用程序允许用户对搜索结果进行过滤，以获得一定价格范围的商品。你可 能会提供这样一个用户界面：两个 UISlider 控件，一个用于设置最低价格，另外一个设置最高价格。然而，这样的设计，不能够让用户很好的感知价格的范围。要是能够提供一个 slider，两端可以分别设置用于搜索的最高和最低的价格范围，就更好了。
　　你可以通过创建一个 UIView 的子类，然后为可视的价格范围定做一个 view。这对于应用程序内部来说，是 ok的，但是要想移植到别的程序中，就需要花更多的精力了。
　　
　　最好的办法是将构建一个新的尽可能通用的 UI 控件，这样就能在任意的合适场合中重用。这也是自定义控件的本质。
　　
　　启动 Xcode，File/New/Project，选中 iOS/Application/Single View Application 模板，然后点击 Next。在接下来的界面中，输入 CustomSliderExample 当做工程名，然后是 Organization Name 和 Organization Identifier，然后，一定要确保选中 Swift 语言，iPhone 选中，Use Core Data 不要选。
　　
　　最后，选择一个保存工程的地方并单击 Create。
　　
　　首先，我们需要做出决定的就是创建自定义控件需要继承自哪个类，或者对哪个类进行扩展。
　　
　　位了使自定义控件能够在应用程序中使用，你的类必须是 UIView 的一个子类。
　　
　　如果你注意观察苹果的 UIKit 参考，会发现框架中的许多控件，如 UILabel 和 UIWebView 都是直接继承自 UIView 的。然而，也有极少数，例如 UIButton 和 UISwitch 是继自 UIControl 的。

　　注意：iOS 中 UI 组件的完整类继承图，请看 UIKit Framework 参考。
　　
　　UIControl 实现了 target-action 模式，这是一种将变化通知订阅者的机制。UIControl 同样还有一些与控件状态相关的属性。在本文中的自定义空间中，将使用到 target-action 模式，所以从 UIControl 开始继承使用将是一个非常好的切入点。
　　
　　在 Project Navigator 中右键单击 CustomSliderExample，选择 New File…，然后选择 iOS/Source/Cocoa Touch Class 模板，并单击 Next。将类命名位 RangeSlider，在 Subclass of 字段中输入 UIControl，并确保语言是 Swift。然后单击 Next，并在默认存储位置中 Create 出新的类。
　　
　　虽然编码非常让人愉悦，不过你可能也希望尽快看到自定义控件在屏幕中熏染出来的模样！在写自定义控件相关的任何代码之前，你应该先把这个控件添加到 view controller中，这样就可以实时观察控件的演进程度。