初识 Swift:创立第一个 APP —— 相框(一)介绍了通过 Xcode 来创立一个项目,并编译运转它。今天持续,了解 Xcode 界面,了解Swift、Storyboard、Assets、Info、Project file 这几种文件类型的作用。最后通过简单代码及素材完结整个相册 APP 的功用。

Xcode 界面

初识 Swift:创建第一个 APP —— 相框(二)

主界面的上方是工具栏(Toolbar),左边是导航栏(Navigators),右侧是 Inspectors(不知道咋翻译,横竖后边在 Xcode 中也不会看到中文,别管了),差不多就是选中的东西的一些扩展。

初识 Swift:创建第一个 APP —— 相框(二)

通过这个小图标,能够翻开和关闭相关区域。左边对应 Toolbar,右侧对应 Inspectors。当然也能够通过菜单去操作。比方:View > Navigators > Hide Navigator

Xcode 文件

Xcode 中不仅能够写代码,还能做页面、交互。Xcode 中很多文件类型

  • Swift:基本上所有的业务逻辑代码都在这儿。
  • Storyboard:这个是个页面及交互修改区域。这个修改环境叫做:Interface Builder,能够通过迁延拽的方法去操作,仍是蛮便利的。
  • Assets:放图片的当地
  • Info:各种装备
  • Project file:项目文件,这儿都是关于这个项意图所有信息(下图所示)。

初识 Swift:创建第一个 APP —— 相框(二)

我一开始也彻底不明白,什么 Interface Builder 之类的,不要紧,后边慢慢就了解了。

增加照片

照着做就行了,主要意图仍是为了了解 Xcode。

  1. 点击 Navigator area,选中 Assets。
  2. 从 Mac 中拖入一张图片进入修改区。

初识 Swift:创建第一个 APP —— 相框(二)

差不多是这个姿态。

修改页面

运用 Storyboard 的 Interface Builder 来完结页面显现的修改。

  1. 仍是在 Navigator area,双击翻开 Main.storyboard

初识 Swift:创建第一个 APP —— 相框(二)

如图所示:

  • 赤色区域是 Storyboard 的文件纲要(Document Outline)。这儿的 View Controller Scene 包括了很多东西,View、Image、Button 等等。能够一起在纲要和中间的预览区看到。
  • iPhone 15 Pro 那个区域,能够设置运用不同的设备
  1. 调整布景。在 Document Outline 中选中 View,能够看到上文说到的 Inspectors 的改变。

初识 Swift:创建第一个 APP —— 相框(二)

Inspectors 中,高亮选项叫 Attributes inspector,能够在 Background 特点中调整布景,随意选择。

运转下看看作用。

增加一个相框

  1. 点击导航栏的 + 图标,翻开 Object library
  2. 在搜索框中输入 UIView,快速定位到 View

初识 Swift:创建第一个 APP —— 相框(二)

  1. 拖动它到刚刚的 View Controller 中。会呈现一些辅助线,能够协助咱们调整他的位置。释放后,能够拖动边框调整大小。
  2. 设置这个 View 的布景色。跟刚刚的过程相同。

初识 Swift:创建第一个 APP —— 相框(二)

运转下看看作用。

增加图片

  1. 刚上一个过程相似,这次要增加的是一个 Image View library。将 Image View 拖动到 View Controller 中,这时候会发现,拖动到不同的区域,对应的区域会高亮,这高亮的区域表明:这个 Image View 将包括在那里。在纲要的层次结构中也能体现出来。
  2. 调整 Image View 的尺寸。
  3. 选中 Image View,右侧的 Inspectors 也会变成相应的 Image ViewInspectors。在 Attributes inspector 选项卡中,为 Image 特点设置为刚刚增加到 Assets 的图片。

初识 Swift:创建第一个 APP —— 相框(二)

一起,能够在 Content Mode 中设置不同的显现方法,自适应铺满、裁剪等等。

搞定了!有点小激动,哈哈。有很多不明白的当地,但还挺有意思。持续加油吧!