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)表示整个应用程序左上角的超级视图。

字型

  • 喜欢的东西也可能被割破。 但是文本格式的导入文件通常很大,应注意最终应用程序的文件大小。

表情符号

  • 表情符号和符号是一种看起来像图像的单词。

标签

-文字中的单词可以通过“自动缩排”来处理。

文本域

  • 文本字段是一组文本,单击“返回”时,可以编辑这些文本并将其作为操作消息发送给目标。
  • 占位符表示在此框中显示用户键入的文本,并且在用户键入后将消失。
  • 用户输入时可以隐藏密码。 (检查安全文本输入)

文字检视

  • 文本视图可以显示多行可编辑文本。
  • 可以自动检测网站,地图和电话号码。

不要检查可编辑内容,请检查可选择内容,电话号码,链接和地址。

状态栏

  • 如果要更改状态栏的颜色…
  1. 选择状态栏样式为浅色

2.添加新行:基于View Controller的状态栏外观,并将值设置为NO

  • 隐藏状态栏

将基于View Controller的状态栏外观值添加为NO

圆形图像

  • 图片:显示图片身份检查器
  • 使用“ layer.cornerRadius ”添加一个关键路径
  • 类型编号,值为半径
    (CornerRadius =正方形的宽度/ 2)
  • 内容模式应为“按比例填充”
  • 检查剪辑到绑定

启动画面

  • 添加图像视图并使图像视图为整页