Swift语言iOS开发：CALayer十则示例.doc

作者：Scott Gardner 译者：TurtleFromMars 原文:CALayer in iOS with Swift: 10 Examples 如你所知，我们在iOS应用中看到的都是视图（view），包括按钮视图、表视图、滑动条视图，还有可以容纳其他视图的父视图等。 但你或许不知道在iOS中支撑起每个视图的是一个叫做”图层（layer）”的类，确切地说是CALayer。 本文中您会了解CALayer及其工作原理，还有应用CALayer打造酷炫效果的十则示例，比如绘制矢量图形、渐变色，甚至是粒子系统。 本文要求读者熟悉iOS应用开发和Swift语言的基础知识，包括利用Storyboard构建用户界面。 注：如果您尚未掌握这些基础，不必担心，我们有不少相关教程，例如使用Swift语言编写iOS应用和iOS学徒。 准备开始 要理解图层是什么，最简便的方式就是”实地考察”。我们这就创建一个简单的项目，从头开始玩转图层。 准备好写代码了吗？好！启动Xcode，然后： 1.选择File\New\Project菜单项。 2.在对话框中选择iOS\Application\Single View Application。 3.点击Next，Product Name填写CALayerPlayground，然后输入你自己的Organization Name和Identifier。 4.Language选Swift，Devices选Universal。 5.取消选择Core Data，点击Next。 6.把项目保存到合适的位置（个人习惯把项目放在用户目录下建立的Source文件夹），点击Create。 好，文件准备就绪，接下来就是创建视图了： 7.在项目导航栏（Project navigator）中选择Main.storyboard。 8.选择View\Assistant Editor\Show Assistant Editor菜单项，如果没有显示对象库（Object Library），请选择View\Utilities\Show Object Library。 9.然后选择Editor\Canvas\Show Bounds Rectangles，这样在向场景添加视图时就可以看到轮廓了。 10.把一个视图（View）从对象库拖入视图控制器场景，保持选中状态，在尺寸检查器（View\Utilities\Show Size Inspector）中将x和y设为150，Width和Height设为300。 11.视图保持选中，点击自动布局工具栏（Storyboard右下角）的Align按钮，选中Horizontal Center in Container和Vertical Center in Container，数值均为0，然后点击Add 2 Constraints。 12.点击Pin按钮，选中Width和Height，数值均设为300，点击Add 2 Constraints。 最后按住control从刚刚创建的视图拖到ViewController.swift文件中viewDidLoad()方法的上方，在弹框中将outlet命名为viewForLayer，如图： 点击Connect创建outlet。 将ViewController.swift中的代码改写为： importUIKitclassViewController:UIViewController{@IBOutletweakvarviewForLayer:UIView!varl:CALayer{returnviewForLayer.layer}overridefuncviewDidLoad(){super.viewDidLoad()setUpLayer()}funcsetUpLayer(){l.backgroundColor=UIColor.blueColor().CGColorl.borderWidth=100.0l.borderColor=UIColor.redColor().CGColorl.shadowOpacity=0.7l.shadowRadius=10.0}}之前提到iOS中的每个视图都拥有一个关联的图层，你可以通过yourView.layer访问图层。这段代码首先创建了一个叫”l”（小写L）的计算属性，方便访问viewForLayer的图层，可让你少写一些代码。 这段代码还调用了setUpLayer方法设置图层属性：阴影，蓝色背景，红色粗边框。你马上就可以了解这些东西，不过现在还是先构建App，在iOS模拟器中运行（我选了iPhone 6），看看自定义的图层如何。 几行代码，效果还不错吧？还是那句话，每个视图都由图层支撑，所以你也可以对App中的任何视图做出类似修改。我们