Swift学习之UI开发初探

http://mobile.51cto.com/iphone-441722.htm

Swift是供iOS和OS X应用编程的新编程语言。相信很多开发者都在学习这门新语言。废话不多说，下面我就来学习使用Swift创建一个简单的UI应用程序。

AD：2014WOT全球软件技术峰会北京站 课程视频发布

11月21日-22日 与WOT技术大会相约深圳 现在抢票





概述

Apple近日发布了Swift编程语言，Swift是供iOS和OS X应用编程的新编程语言。相信很多开发者都在学习这门新语言。

废话不多说，下面我就来学习使用Swift创建一个简单的UI应用程序。

关于Swift语法，可以参考《苹果Swift编程语言快速上手入门教程》&《苹果的新编程语言
Swift 简介》

效果如下：





开发环境

Xcode6-beta

iOS 8

创建工程

1. Choose File > New > Project > (iOS or OS X) > Application > your template of choice.

此处选择 Single view Application。

2. Click the Language pop-up menu and choose Swift.





添加基本控件

在ViewController.swift文件中进行编码，该文件类似Objective-C的ViewController.m。

UILabel

UILabel 控件常用于显示文本标签。

下面我们来创建一个label, 查看UILabel类发现其继承于UIView, NSCoding。

可以通过类似创建view的方法，设置大小和lebel的text，通过addSubview方法将其加到当前view上。

代码如下：

let label = UILabel(frame:CGRect(origin: CGPointMake(10.0, 50.0), size: CGSizeMake(150,50)))//let 是Swift 表示常量的关键字
label.text = "This is a Label"
self.view.addSubview(label)

UILabel创建参数使用了别名，这点像Object-C。

UIButton

UIButton 控件常用于按钮。

下面我们来创建一个button按钮，并设置它的UIControlEvents.TouchUpInside事件的处理，查看UIButton类发现其继承于UIControl, NSCoding。

可以通过类似创建view的方法，指定位置和大小创建一个按钮，然后设置按钮的titile，设置按钮的背景色，并设置按钮的touch事件。

最后通过addSubview方法将其加到当前view上。

代码如下：

let btn = UIButton(frame:CGRect(origin: CGPointMake(10.0, 110.0), size: CGSizeMake(150,50)))
btn.setTitle("button", forState: UIControlState.Normal)
btn.backgroundColor = UIColor.redColor()
btn.addTarget(self, action: "buttonClick:", forControlEvents: UIControlEvents.TouchUpInside)
self.view.addSubview(btn)

buttonClick方法实现如下：

func buttonClick(sender: UIButton!){

}

UIButton后面的 ”!“ 意味着，sender可以是由UIButton继承来的任意子类。

UIAlertView

UIAlertView 常用于弹出对话框，下面我们来创建一个alert。

UIAlertView类继承于UIView，我们先创建了一个alert,然后设置alert的title、message、button、delegate。

然后调用UIAlertView的show方法，显示alert。

我们是在button的touch回调事件中处理alert的创建和显示的。在buttonClick方法中添加如下代码：

var alert = UIAlertView()
//直接这样创建有bug
//var alert = UIAlertView(title: "alert", message: "this is an alert", delegate: self, cancelButtonTitle: "cancel")
alert.title = "alert"
alert.delegate = self
alert.addButtonWithTitle("cancel")
alert.message = "this is an alert"
alert.show()

delegate和self，依然有Object-C的影子。

修改ViewController的声明，加入UIAlertViewDelegate

class ViewController: UIViewController, UIAlertViewDelegate

实现alert的delegate方法，处理button的click事件。

//处理alert 的button click
func alertView(alertView: UIAlertView!, clickedButtonAtIndex buttonIndex: Int){
println("buttonIndex:\(buttonIndex)")
}

总结

Swift 的UIKit API接口和 Objective-C的API接口总体上保持一致，熟悉原来的UIKit接口的话，上手Swift UI开发应该很快。

可以通过文档和API手册查看各Objective-C的API 如何使用Swift 的API进行编程。

点击这里获取本文的Demo。

整理自泰然网（作者：ZeroYang）

【编辑推荐】

苹果使用20年的开发语言将被Swift边缘化？

苹果推出新开发语言Swift开发者们怎么看？

零基础现学苹果新语言Swift，可能吗？

苹果Swift编程语言快速上手入门教程

替代Objective-C？Swift尚不成熟