Swift开发教程--Main.Storyboard拉入控件并实现事件
2015-05-29 11:31
453 查看
如何在XCODE中的Main.Storyboard内拉入控件并实现一个简单的效果呢?本人由于刚接触Swift语言不久,对于IDE的操作还是很生疏,不懂了就在网上参考了网上前辈们的文章。以下我将演示如何用Swift语言配合Main.Storyboard演示一个小例子,对于新建一个SingleView Application在这里就不多说了。
创建好的应用程序已经自动创建好了一个和Main.Storyboard连接好的ViewController。
接下来我们在Main.Storyboard中的View内添加一个UITextField和UIButton,双击UIButton即可修改文字内容。
![](http://images.cnitblog.com/blog2015/107821/201504/032235452324537.png)
此时点击编辑器右上角的第二个按钮(两个圈圈),将视图和代码分两边显示
![](http://images.cnitblog.com/blog2015/107821/201504/032238240765676.png)
![](http://images.cnitblog.com/blog2015/107821/201504/032240281541070.png)
接下来将关联控件和代码,把鼠标放在UITextField上面按住Ctrl键并拖动鼠标到ViewController.swift文件的空处放手后将出现以下画面后输入NAME,
同样的方法将按钮拉过去。
![](http://images.cnitblog.com/blog2015/107821/201504/032244155141943.png)
现在到了绑定按钮事件的时候,选中按钮后点击编辑器右上角第二排倒数第一个按钮(箭头)出现以下画面。
![](http://images.cnitblog.com/blog2015/107821/201504/032254036395434.png)
将鼠标移到 “Touch Up InSide”右边的小圈圈后会出现一个加号后按住鼠标左键拖动到ViewController.swift文件的空白区域后就可以绑定方法,并在方法体内写几行代码。
@IBAction func btnClicked(sender: AnyObject) {
let alertView = UIAlertView() //定义一个弹出框
alertView.title = "System Info"
alertView.message = "Your Name is \(txtName.text)"
alertView.addButtonWithTitle("OK")
alertView.show()
}
在模拟器内运行后(command+R快捷键)在文本框内输入名字后点击按钮效果如下图所示:
创建好的应用程序已经自动创建好了一个和Main.Storyboard连接好的ViewController。
接下来我们在Main.Storyboard中的View内添加一个UITextField和UIButton,双击UIButton即可修改文字内容。
![](http://images.cnitblog.com/blog2015/107821/201504/032235452324537.png)
此时点击编辑器右上角的第二个按钮(两个圈圈),将视图和代码分两边显示
![](http://images.cnitblog.com/blog2015/107821/201504/032238240765676.png)
![](http://images.cnitblog.com/blog2015/107821/201504/032240281541070.png)
接下来将关联控件和代码,把鼠标放在UITextField上面按住Ctrl键并拖动鼠标到ViewController.swift文件的空处放手后将出现以下画面后输入NAME,
同样的方法将按钮拉过去。
![](http://images.cnitblog.com/blog2015/107821/201504/032244155141943.png)
现在到了绑定按钮事件的时候,选中按钮后点击编辑器右上角第二排倒数第一个按钮(箭头)出现以下画面。
![](http://images.cnitblog.com/blog2015/107821/201504/032254036395434.png)
将鼠标移到 “Touch Up InSide”右边的小圈圈后会出现一个加号后按住鼠标左键拖动到ViewController.swift文件的空白区域后就可以绑定方法,并在方法体内写几行代码。
@IBAction func btnClicked(sender: AnyObject) {
let alertView = UIAlertView() //定义一个弹出框
alertView.title = "System Info"
alertView.message = "Your Name is \(txtName.text)"
alertView.addButtonWithTitle("OK")
alertView.show()
}
在模拟器内运行后(command+R快捷键)在文本框内输入名字后点击按钮效果如下图所示:
![](http://images.cnitblog.com/blog2015/107821/201504/032300285149419.png)
相关文章推荐
- [Swift 工作tips] 之 iOS 中判断当前设备的相机是否可用
- 深入云存储系统Swift核心组件:Ring实现原理剖析
- Swift系统学
- 【swift】15-0528 函数参数
- Swift学习笔记-字典Dictionary
- 【swift总结】swift语言总览
- ios_swift开发资源整理
- [翻译]Swift编程语言——目录(2015-02-09版本)
- [翻译]Swift编程语言——关于Swift
- swift教程-使用UIGestureRecognizer
- Ubuntu14.04 SAIO - Swift All In One
- Swift基础语法之变量函数
- 5.27swift浅触
- 学习swift语言的快速入门教程推荐
- swift中使用xib
- swift 服务端要求json对象怎么办?(三)
- Swift开发Sprite Kit游戏实践(四):背景音乐与Game Over
- Swift开发Sprite Kit游戏实践(三):物理推力与碰撞检测
- Swift开发Sprite Kit游戏实践(二):让敌人们动起来
- Swift开发Sprite Kit游戏实践(一)