父子视图
override func viewDidLoad() {
super.viewDidLoad()
// 1.创建一个UIView对象
let redView = UIView.init(frame:CGRectMake(100, 100, 100, 100))
// 2.设置背景颜色
redView.backgroundColor = UIColor.redColor()
// 3.添加到界面上
// self.view就是redView的父视图，redView是self.view的子视图
self.view.addSubview(redView)
// 4.设置tag值，默认都是0.设tag值的时候值必须大于0
// tag作用是用来区分界面上不同的视图。
redView.tag = 100
// MARK： － 父子视图的特点和方法
// 1.一个视图只有一个父视图
// 再创建一个黄色视图
let yellowView = UIView.init(frame: CGRectMake(0, 0, 50, 50))
yellowView.backgroundColor = UIColor.yellowColor()
yellowView.tag = 101
// 连续将同一个视图添加到两个视图上，最后一次添加有效
redView.addSubview(yellowView)
self.view.addSubview(yellowView)
// 2获取一个视图的父视图
let superView = redView.superview
superView?.backgroundColor = UIColor.greenColor()
// 3.获取一个视图的所有的子视图
let subVIew = self.view.subviews
// 拿到所有的子视图中的红色视图和黄色视图
for item in subVIew {
// 判断item是否是UIView类型的。如果是返回true，如果不是 返回false
// if item.isKindOfClass(UIView.self) {
// print(item)
// }
// if ((item as? UIView) != nil) {
// print(item)
// }
if item.tag == 100 {
print("红色视图")
item.backgroundColor = UIColor.blackColor()
}
if item.tag == 101 {
print("黄色视图\(item)")
}
}
// 4.通过tag值拿到指定的子视图
let subView2 = self.view.viewWithTag(101)!
subView2.frame.origin.y = 100
}
视图的层次关系
// MARK：－ 生命周期
override func viewDidLoad() {
super.viewDidLoad()
self.createUI()
}
// MARK：－ 创建界面
func createUI() {
// 在一个视图上，添加多个视图的时候。子视图之间如果有公共部分，那么后添加的子视图会覆盖先添加的。
// 1.一般情况下如果想要将一个视图显示在最下面就最先添加，如果想要显示在最上面就最后添加。
_ = self.createView(CGRectMake(50, 100, 100, 100), backColor: UIColor.yellowColor())
let redView = self.createView(CGRectMake(100, 150, 100, 100), backColor: UIColor.redColor())
let greenView = self.createView(CGRectMake(150, 200, 100, 100), backColor: UIColor.greenColor())
_ = self.createView(CGRectMake(180, 150, 100, 100), backColor: UIColor.purpleColor())
// 2. 改变视图的层级关系
// 将指定的视图放在最上层
self.view.bringSubviewToFront(redView)
// 将指定的视图放在最下层
self.view.sendSubviewToBack(redView)
// 将指定的视图插入到另一个视图的上面
self.view.insertSubview(redView, aboveSubview: greenView)
// 将指定的视图插入到另外一个视图的下面
self.view.insertSubview(redView, belowSubview: greenView)
//
//// 将指定的视图插入到某个位置
// self.view.insertSubview(<#T##view: UIView##UIView#>, atIndex: <#T##Int#>)
}
func createView(frame: CGRect,backColor: UIColor) ->UIView {
let subView = UIView.init(frame: frame)
subView.backgroundColor = backColor
self.view.addSubview(subView)
return subView
}
视图的动画效果
//MARK： － 属性
let subView = UIView()
let subView2: UIView? = nil
// MARK： － 生命周期
override func viewDidLoad() {
super.viewDidLoad()
// 创建视图
subView.frame = CGRectMake(0, 0, 100, 100)
subView.center = self.view.center
subView.backgroundColor = UIColor.greenColor()
self.view.addSubview(subView)
// 使用动画
// UIViewAnimation1()
// UIViewAnimation2()
UIViewAnimation3()
// UIViewAnimation4()
self.layerAction()
}
// MARK: － Layer属性
func layerAction() {
// layer属性是负责视图的形状（显示）
// 1.切圆角
// 当圆角的值为正方形宽的一半，就可以切一个圆
self.subView.layer.cornerRadius = 50
// 2.设置边框
self.subView.layer.borderWidth = 3 //边框宽度
self.subView.layer.borderColor = UIColor.yellowColor().CGColor
}
// MARK：－ 动画方法
// UIView的动画使用： 改变视图的frame相关属性、背景颜色、透明度
func UIViewAnimation1() {
// 功能：执行这个方法前视图的状态，动画的切换到闭包里面设置的最终状态
// 参数1：动画持续时间（单位：秒）
// 参数2：闭包，设置动画结束时视图的状态
UIView.animateWithDuration(2) {
// 在这来设置视图动画结束时的状态
// a.动画的改变视图的坐标
self.subView.frame.origin.y = 50
// 动画的改变视图的大小
// self.subView.frame.size = CGSizeMake(50, 50)
self.subView.transform = CGAffineTransformMakeScale(0.5, 0.5)
// c.动画的改变视图的背景颜色
self.subView.backgroundColor = UIColor.redColor()
// d.动画的改变视图的透明度（0～1）
self.subView.alpha = 0.1
}
}
func UIViewAnimation2() {
// 参数3:整个动画完成后会自动调用的闭包
UIView.animateWithDuration(2, animations: { () -> Void in
self.subView.transform = CGAffineTransformMakeTranslation(0, -200)
}) { (_) -> Void in
// 写动画结束要执行的代码
UIView.animateWithDuration(2, animations: { () -> Void in
self.subView.transform = CGAffineTransformMakeTranslation(0, 0)
})
}
}
func UIViewAnimation3() {
// 参数1:动画时间
// 参数2:延迟时间
// 参数3:选项,repeat->动画重复执行，
// autoreverse －> 自动回到动画的开始状态
// 参数4:设置动画结束时视图的闭包
// 参数5:整个动画过程完成后需要执行的闭包
UIView.animateWithDuration(2, delay: 0.1, options: [.Repeat,.Autoreverse], animations: { () -> Void in
self.subView.transform = CGAffineTransformMakeTranslation(0, -200)
}, completion: nil)
}
func UIViewAnimation4() {
// 参数1:动画时间
// 参数2:延迟时间
// 参数3:弹簧的压力系数
// 参数4:弹簧初始的加速度
// 参数5:选项
// 参数6:设置动画结束时视图的状态
// 参数7:动画结束后要执行的闭包
UIView.animateWithDuration(2, delay: 0.1, usingSpringWithDamping: 0.5, initialSpringVelocity: 0, options: [.Repeat,.Autoreverse], animations: { () -> Void in
// self.subView.transform = CGAffineTransformMakeTranslation(0, -200)
// 注意：对于有圆角的视图，改变大小而又不影响形状，只能通过形变去缩放。不能直接改变frame的size
self.subView.frame.size = CGSizeMake(50, 50)
}, completion: nil)
}
UILabel基础
// MARK：－ 生命周期
override func viewDidLoad() {
super.viewDidLoad()
createLabel()
}
// MARK：－ 创建Label
func createLabel() {
// UILabel：UIView －> UIView的属性和方法，UILabel都拥有
// ========从UIView继承下来的属性和方法＝＝＝＝＝＝＝＝＝＝
let label = UILabel.init(frame: CGRectMake(100, 100, 200, 200))
label.backgroundColor = UIColor.redColor()
self.view.addSubview(label)
// ================= UILabel的专有属性 ==============
// 1.text属性
// 设置label上显示的文章
label.text = "Hello , World 你好世界"
// 拿到label上当前显示的文字
print(label.text!)
// 2.设置字体
// 使用系统字体，设置字体大小（系统默认大小为17）
// label.font = UIFont.systemFontOfSize(22)
// 使用系统字体，设置字体大小和粗细
// label.font = UIFont.systemFontOfSize(17, weight: 5)
// 使用系统粗体，设置字体大小
// label.font = UIFont.boldSystemFontOfSize(17)
// 使用系统斜体，设置字体大小
label.font = UIFont.italicSystemFontOfSize(17)
// 获取系统所有字体的字体名
// print(UIFont.familyNames())
// print(UIFont.familyNames().count)
// 参数1:字体名
// 参数2:字体大小
// label.font = UIFont.init(name: "HYZhuanShuF", size: 17)
// 总结使用自己的字体的步骤：
// a.将ttf文件拖到工程中
// b.在info.plist文件中添加键值对“Fonts provided by application”,将字体添加到系统字体库中
// c.通过提供字体名的构造方法去创建字体（先要找到自己添加的字体的字体名）
// 3.设置字体颜色
label.textColor = UIColor.redColor()
// 4.设置阴影颜色
label.shadowColor = UIColor.blackColor()
// 5.设置阴影的偏移效果
label.shadowOffset = CGSizeMake(2, 2)
// 6.设置文字的对其模式（默认是左对齐）
// Center -> 居中
// Right -> 右对齐
// Left -> 左对齐
label.textAlignment = .Center
label.text = "说走咱就走啊，你有我有全都有啊，路见不平一声吼，该出手时就出手啊，风风火火闯九州啊"
// 7.设置行数
label.numberOfLines = 5
// 自动换行
// label.numberOfLines = 0
// 8.设置换行模式
// ByWordWrapping －> 以单词为单位 换行
// ByCharWrapping -> 以字符为单位换行
label.lineBreakMode = .ByWordWrapping
}
根据文字设置Label的大小
// 需要显示在Label上的文字
let str = "有的防护服的发挥份发动机减肥哈将对方尴尬发动 "
// 计算显示指定文字所需要的最小空间
// 1.将swift的字符串转换成oc的字符串
let ocStr = str as NSString
// 2.计算字符串大小
// 参数1:限制显示当前字符串当前字符串的最大宽度和最大高度
// 参数2:设置渲染方式
// (UsesLineFragmentOrigin)
// 参数3:确定文字的字体（大小）
// NSFontAttributeName -> 字体对应的Key值
// NSForegrouundColorAttributeName －> 文字颜色对应的Key值
let strSize = ocStr.boundingRectWithSize(CGSizeMake(200, 100000), options: .UsesLineFragmentOrigin, attributes: [NSFontAttributeName: UIFont.systemFontOfSize(17)], context: nil).size
print(strSize)
// 创建label显示文字
let label = UILabel.init(frame: CGRectMake(100, 100, strSize.width, strSize.height))
label.backgroundColor = UIColor.yellowColor()
self.view.addSubview(label)
label.text = str
// 自动换行
label.numberOfLines = 0 //必须要自动换行，不然会一行显示
}
