快速上手iOS UIKitUIKit是苹果官方的framework, 其中包含了各种UI组件, window和view, 事件处理, 交互, 动画, 资源管理等基础设施支持.
按照前面的介绍, 用UIKit写UI可以用storyboard(Interface Builder)和代码两种方式.
大体的思路都是添加组件后, 设置属性, 设置尺寸位置约束, 处理响应事件.
这里主要介绍用代码写的情形.希望这篇文章, 可以帮你快速上手UIKit, 熟悉常用的组件, 完成一些简单的UI界面相关任务.
在代码中写UI的基本步骤在代码中写UI的步骤大致是:
- 初始化.
- addSubview添加到当前view, 或hierarchy中的其他可达view.
- 设置约束.
class ViewController: UIViewController {var myLabel: UILabel!override func loadView() {view = UIView()view.backgroundColor = .white// 创建实例myLabel = UILabel()myLabel.translatesAutoresizingMaskIntoConstraints = falsemyLabel.text = "Hello"// 添加到view中view.addSubview(myLabel)// 设置约束NSLayoutConstraint.activate([myLabel.topAnchor.constraint(equalTo: view.layoutMarginsGuide.topAnchor),myLabel.trailingAnchor.constraint(equalTo: view.layoutMarginsGuide.trailingAnchor),])}}
这里有几点说明:var** myLabel: UILabel!
组件字段这样声明有lateinit的作用, 如果不带!会报错, 说controller没有init方法.- 如果在代码中设置UI组件的constraints, 那么这个属性经常要设置为false:
translatesAutoresizingMaskIntoConstraints = **false**
. 如果组件的位置是通过frame来设置的, 则不用设置这个属性. - 约束有多种写法, 这里只是其中一种, 用anchor的方式.
myLabel = UILabel()myLabel.translatesAutoresizingMaskIntoConstraints = falsemyLabel.font = UIFont.systemFont(ofSize: 24)myLabel.text = "Hello"myLabel.numberOfLines = 0myLabel.textAlignment = .right
给UILabel设置点击事件:myLabel.isUserInteractionEnabled = truelet tapGesture = UITapGestureRecognizer(target: self, action: #selector(userDidTapLabel(tapGestureRecognizer:)))myLabel.addGestureRecognizer(tapGesture)
点击事件处理方法:【[Android开发学iOS系列] 快速上手UIKit】
@objc func userDidTapLabel(tapGestureRecognizer _: UITapGestureRecognizer) {print("label clicked!")}
这里有#selector
, 对应的userDidTapLabel方法要加上@objc
. 便于OC的代码调用能找到swift的方法.给UILabel设置点击事件和UIButton不同, 这点我们后面说继承关系的时候解释一下.
按钮: UIButton设置文字:
submitButton = UIButton(type: .system)submitButton.translatesAutoresizingMaskIntoConstraints = falsesubmitButton.titleLabel?.font = UIFont.systemFont(ofSize: 36)submitButton.setTitle("SUBMIT", for: .normal)submitButton.setTitleColor(.black, for: .normal)
设置点击事件:submitButton.addTarget(self, action: #selector(submitTapped), for: .touchUpInside)@objc func submitTapped(_ sender: UIButton) {}
这里使用@objc
的理由同上.基本上我们在iOS代码中用到
#
的时候, 对应的方法都要加上@objc
.输入框: UITextField
myTextField = UITextField()myTextField.translatesAutoresizingMaskIntoConstraints = falsemyTextField.placeholder = "What's your name?"myTextField.textAlignment = .centermyTextField.font = UIFont.systemFont(ofSize: 44)
想要禁用输入框可以这样:myTextField.isUserInteractionEnabled = false
弹框在app里简单的交互我们经常需要弹出一个对话框:let alert = UIAlertController(title: "title", message: "message", preferredStyle: .alert)alert.addAction(UIAlertAction(title: "Ok", style: .default))alert.addAction(UIAlertAction(title: "Cancel", style: .cancel))present(alert, animated: true)
其中preferredStyle有.alert
和.actionSheet
两种..alert
是中心的对话框, 一般用于信息提示或者确认操作; .actionSheet
是底部的bottom sheet, 一般用来在几个选项中做选择.其他
- view中比较常用的属性
isHidden
, 控制view是否需要隐藏. - 所有的UIView都有一个
layer
属性.设置border的宽度和颜色就在layer上设置.CALayer在UIView之下. 所以不知道UIColor, 只知道CGColor.
这里可以下载
继承关系
NSObject
是所有Cocoa Touch class的基类. 所有UIKit中的类都是它的子类.这里有一个类关系的图:
文章插图
我们这里不展开讲述所有了, 只解答一下前面提出的关于UILabel点击事件的问题.
推荐阅读
- PHP Phar反序列化学习
- 【软件学习】怎么在Word里面设置MathType分隔符,使公式按照章节自动编号
- 一 RNN自学理解
- 跳舞机怎么玩?我是新手怎么学(怎么快速学会玩跳舞机)
- [Android开发学iOS系列] ViewController
- KMP模式匹配 学习笔记
- 十 Netty 学习:ChannelPipeline源码说明
- 驱动开发:内核中实现Dump进程转储
- GitHub 供应链安全已支持 Dart 开发者生态
- 驱动开发:内核R3与R0内存映射拷贝