初识 Swift:创立第一个 APP —— 相框(一)介绍了通过 Xcode 来创立一个项目,并编译运转它。今天持续,了解 Xcode 界面,了解Swift、Storyboard、Assets、Info、Project file 这几种文件类型的作用。最后通过简单代码及素材完结整个相册 APP 的功用。
Xcode 界面
主界面的上方是工具栏(Toolbar),左边是导航栏(Navigators),右侧是 Inspectors(不知道咋翻译,横竖后边在 Xcode 中也不会看到中文,别管了),差不多就是选中的东西的一些扩展。
通过这个小图标,能够翻开和关闭相关区域。左边对应 Toolbar,右侧对应 Inspectors。当然也能够通过菜单去操作。比方:View > Navigators > Hide Navigator。
Xcode 文件
Xcode 中不仅能够写代码,还能做页面、交互。Xcode 中很多文件类型
- Swift:基本上所有的业务逻辑代码都在这儿。
- Storyboard:这个是个页面及交互修改区域。这个修改环境叫做:Interface Builder,能够通过迁延拽的方法去操作,仍是蛮便利的。
- Assets:放图片的当地
- Info:各种装备
- Project file:项目文件,这儿都是关于这个项意图所有信息(下图所示)。
我一开始也彻底不明白,什么 Interface Builder 之类的,不要紧,后边慢慢就了解了。
增加照片
照着做就行了,主要意图仍是为了了解 Xcode。
- 点击 Navigator area,选中 Assets。
- 从 Mac 中拖入一张图片进入修改区。
差不多是这个姿态。
修改页面
运用 Storyboard 的 Interface Builder 来完结页面显现的修改。
- 仍是在 Navigator area,双击翻开 Main.storyboard。
如图所示:
- 赤色区域是 Storyboard 的文件纲要(Document Outline)。这儿的 View Controller Scene 包括了很多东西,View、Image、Button 等等。能够一起在纲要和中间的预览区看到。
- 在 iPhone 15 Pro 那个区域,能够设置运用不同的设备
- 调整布景。在 Document Outline 中选中 View,能够看到上文说到的 Inspectors 的改变。
在 Inspectors 中,高亮选项叫 Attributes inspector,能够在 Background 特点中调整布景,随意选择。
运转下看看作用。
增加一个相框
- 点击导航栏的 + 图标,翻开 Object library
- 在搜索框中输入 UIView,快速定位到 View
- 拖动它到刚刚的 View Controller 中。会呈现一些辅助线,能够协助咱们调整他的位置。释放后,能够拖动边框调整大小。
- 设置这个 View 的布景色。跟刚刚的过程相同。
运转下看看作用。
增加图片
- 刚上一个过程相似,这次要增加的是一个 Image View library。将 Image View 拖动到 View Controller 中,这时候会发现,拖动到不同的区域,对应的区域会高亮,这高亮的区域表明:这个 Image View 将包括在那里。在纲要的层次结构中也能体现出来。
- 调整 Image View 的尺寸。
- 选中 Image View,右侧的 Inspectors 也会变成相应的 Image View 的 Inspectors。在 Attributes inspector 选项卡中,为 Image 特点设置为刚刚增加到 Assets 的图片。
一起,能够在 Content Mode 中设置不同的显现方法,自适应铺满、裁剪等等。
搞定了!有点小激动,哈哈。有很多不明白的当地,但还挺有意思。持续加油吧!