一、实验目的:

1.掌握Cocoa程序的创建
2.掌握UILabel组件的使用
3.掌握UIButton组件的使用
4.掌握UITextField组件的使用

二、实验原理:

1.Cocoa应用程序框架
2.iOS应用程序组消息机制
3.UIKit的功能
4.UILabel组件的作用
5.UIButton组件的作用
6.UITextField组件的作用

三、实验步骤及内容:

1. 标签切换器项目

依据教材127页的步骤创建日期和时间选择项目,将每一步的截图复制到实验报告中。

2. 字体设置功能的设计

 创建一个Single View App类型的iOS项目,Product Name为修改字体设置
 选择main.storyboard文件,添加1个标签用来显示被修改内容,3个文本框用来输入修改内容,3个按钮用来进行修改
 通过助手编辑器在ViewController.swift文件中对标签、3个文本框组件分别添加OutLet,对3个按钮分别添加Action
注:UIColor常用颜色常量表

@IBOutlet weak var textLabel: UILabel!
 @IBOutlet weak var contentTextField: UITextField!
 @IBOutlet weak var colorTextField: UITextField!
 @IBOutlet weak var sizeTextField: UITextField!
 @IBAction func contentButton(_ sender: UIButton) {
 textLabel.text=contentTextField.text
 textLabel.sizeToFit()
 }
 @IBAction func colorButton(_ sender: UIButton) {
 if(colorTextField.text==“red” || colorTextField.text == “r” || colorTextField.text == “红色” || colorTextField.text == “红”){
 textLabel.textColor=UIColor.red
 }
 }
 @IBAction func sizeButton(_ sender: UIButton) {
 var csize:CGFloat=0.0
 if let dsize=Double(sizeTextField.text!){
 csize=CGFloat(dsize)
 }
 textLabel.font=UIFont.systemFont(ofSize: csize, weight: UIFont.Weight.black)
 textLabel.sizeToFit()
 }


 在viewDidLoad方法中添加一下代码:

contentTextField.becomeFirstResponder()


 运行项目查看最终效果

3. 猜题器项目

依据教材132页的步骤创建日期和时间选择项目,将每一步的截图复制到实验报告中。

4.登录功能设计

 创建一个Single View App类型的iOS项目,Product Name为修改员工登录
 在main.storyboard中添加3个标签用来显示“用户名”、“密码”、错误信息,2个文本框用来输入用户名和密码,2个按钮分别是“登录”、“取消”
 在助手编辑器中给错误信息标签、2个文本框添加Outlet,给2个按钮添加Action
 登录按钮的功能是验证文本框的内容,如果用户名和密码框为空时,在错误信息标签中显示“未输入,请重新输入”,如果用户名不是administrator时,在错误信息标签中显示“用户名错误”,如果密码不是ios123时,在错误信息标签中显示“密码错误”
 取消按钮的功能是清空文本框中的内容,并使用户名文本框获得焦点
 运行项目查看效果

5.通讯录项目

依据教材134页的步骤创建日期和时间选择项目,将每一步的截图复制到实验报告中。

UILabel swift 中划线 swift uikit教程_UILabel swift 中划线


UILabel swift 中划线 swift uikit教程_UILabel swift 中划线_02


UILabel swift 中划线 swift uikit教程_ios_03


UILabel swift 中划线 swift uikit教程_ios_04


UILabel swift 中划线 swift uikit教程_ios_05


UILabel swift 中划线 swift uikit教程_UILabel swift 中划线_06


UILabel swift 中划线 swift uikit教程_UILabel swift 中划线_07


UILabel swift 中划线 swift uikit教程_学习_08


UILabel swift 中划线 swift uikit教程_ios_09

UILabel swift 中划线 swift uikit教程_UILabel swift 中划线_10

四、实验结果与分析:

本次实验,我主要学习了UIKit常用组件的使用。在本次的实验学习中,有时候会因为对基本操做不太熟悉,导致运行结果出错,但最后经过不但的改进与尝试,最后的结果都是可以正常创建运行出来的。

五、实验总结:

本次课程的学习,我主要学习了Swift UIKit常用组件的使用swift编程语言有了一个基本的认识。在罗老师的带领学习下,我越来越喜欢这IOS门课程,希望在以后的学习中,我可以越来越主动去学习了解更多的知识。UIKit 配备了一个 定制工具 ,你只需点击几下鼠标就可以对主题做出相应的调整,这不需要任何的CSS知识。你可以下载你全新的CSS文件,甚至是LESS的变量文件,这些都可以立即投入使用。