ios开发 - storyboard和code的交互

2024-11-13

什么时候需要使用代码,而不是UI界面编辑?

当我们需要动态修改图片时,比如用户按下一个按钮,改变界面上的图片。

代码文件

ViewController.swift

如何把main界面和代码界面融合?

在main界面右上角,选择三条杠的菜单,点击assistant,右侧就会出现对应的代码界面。

快捷键cmd+option+control + 回车

img

按住control键,就可以把元素改成代码形式拖入代码文件中。

这样就会出现IBOutlet(Interface Builder Outlet)的代码:

 @IBOutlet weak var diceImageView1: UIImageView!

如何查看mian storyboard的代码形式?

右键 - open as - source code

img

main和swift代码变量名不相符时:

选择元素-右键-删除连接-重新连接即可

img

iOS-IBAction最好的重命名方式

选中变量名-右键-refactor-rename

img

怎么知道哪个变量名代表哪个元素?

移动到代码前面的小点点即可知道。

img

改变变量属性的语法

who.what=newValue

img

怎么知道有多少种属性

cmd+option+5可以打开属性窗口,上面的名字就是属性。

img

viewDidLoad是啥意思?

页面一加载,就会执行以下代码。

img

ios-button的点击事件设置

生成一个IBAction(系统会根据Button来自动判断),而不是IBOutlet。属性设置如下:

type - UIButton

Event - Touch Up Inside

img

IBOutlet和IBAction的区别

方向不同。

IBOutlet是从代码侧影响UI侧;

IBAction是从UI侧影响代码侧。

img