Swift第二周-故事板
本周,我学习了如何使用情节提要来设计漂亮的应用页面。 我们应该了解甚至了解很多用户界面(UI)的含义和功能。
故事板是可以同时为应用程序的多个页面制作的文件,并且可以切换不同页面之间的过程。
主板
如果只有一个情节提要板,则用于应用程序的第一个视图。 在main.storyboard中,第一个列称为文档大纲。 在右侧,可以在此处设计UI的外观。 打开应用程序时,此处显示的场景是相同的场景。
类和对象
类:定义属性和方法
- 属性:值(外观)
- 方法:对象可以通过方法执行
对象:(也称为实例)我们可以从类中产生大量对象。 该应用程序由大量实例组成。
例如:
应用程序上的所有按钮或图片都是对象。 这些按钮的方法是使应用程序播放音乐。 由于实例的设置,歌曲名称为黑色(黑色)。
视图
所有实例都可以在最右边的列中找到。
视图是最基本的UI。 视图的特征可以更改,例如背景色。 其他UI将继承该视图组下的特征。
MVC(模型视图控制器)
型号:数据,视图:用户界面(与用户交互),控制器:核心逻辑。
例如:
型号:书籍数据(名称,说明)
查看:书籍(图片)
控制器:如何组织图片,以及用户选择后的反应。
控制者
该应用程序的每个视图都具有一个控制器。
视图
选择要修改的用户界面,然后有一个“实用程序”列,可以在其中设置所有替代。
不同的UI具有不同的属性。
对象库
1.控件
2.数据视图
3,手势识别器
4,对象和控制器
5.窗户和酒吧
用户界面的大小和位置可以通过鼠标,大小检查器或自动布局进行更改。
上级和下级
视图是超级视图; 按钮是子视图。 目标列表下方杠杆的一个在上面。
操纵按钮的话
- 直接在按钮中键入单词,按钮的大小将根据句子的长度自动进行控制。
- 大小以适合内容
- Button将继承视图的特征。
添加图像视图
从Assets.xcassets添加照片
返回storboard并设置图像
按钮图片
1.缩小图像至按钮大小,以图像为按钮背景
2.在图像中选择星号,而不是在背景中。 图片将在左侧,文字将在右侧。
- 当然,可以通过按钮插入来更改图标和图像的位置。
- 或选择覆盖图像视图和标签的图像视图+标签+透明按钮。
淡色
- UI按钮,标签等的文本颜色。
- 每个APP都有主色调来制作色彩。 例如 笔记应用:黄色
- 如果未设置UI ist,则超级视图将决定色调的颜色。
- UI按钮的文本颜色可以由文本颜色控制,如果未选择文本颜色,则该颜色后跟着色颜色。
相对坐标
子视图的坐标是相对于超级视图的。 子视图的(0,0)表示在子视图的左上角的子视图。 超级视图的(0,0)表示整个应用程序左上角的超级视图。
字型
- 喜欢的东西也可能被割破。 但是文本格式的导入文件通常很大,应注意最终应用程序的文件大小。
表情符号
- 表情符号和符号是一种看起来像图像的单词。
标签
-文字中的单词可以通过“自动缩排”来处理。
文本域
- 文本字段是一组文本,单击“返回”时,可以编辑这些文本并将其作为操作消息发送给目标。
- 占位符表示在此框中显示用户键入的文本,并且在用户键入后将消失。
- 用户输入时可以隐藏密码。 (检查安全文本输入)
文字检视
- 文本视图可以显示多行可编辑文本。
- 可以自动检测网站,地图和电话号码。
不要检查可编辑内容,请检查可选择内容,电话号码,链接和地址。
状态栏
- 如果要更改状态栏的颜色…
- 选择状态栏样式为浅色
2.添加新行:基于View Controller的状态栏外观,并将值设置为NO
- 隐藏状态栏
将基于View Controller的状态栏外观值添加为NO
圆形图像
- 图片:显示图片身份检查器
- 使用“ layer.cornerRadius ”添加一个关键路径
- 类型编号,值为半径
(CornerRadius =正方形的宽度/ 2) - 内容模式应为“按比例填充”
- 检查剪辑到绑定
启动画面
- 添加图像视图并使图像视图为整页