使用swift3从零写一个基于位置信息的照片集iOS应用系列二

概述使用swift3从零写一个基于位置信息的照片集iOS应用系列二 上一篇使用默认的UITableViewController显示了模拟的数组数据和图片。这一篇来自定义Prototype Cell的样式。 为了每行有更多的空间，首先设置行的高度 选中Cell，在Attributes inspector中，将 Table View Cell中的Style改为 Custom 选中TableView 在Si 使用swift3从零写一个基于位置信息的照片集iOS应用系列二

上一篇使用默认的UI@R_301_5991@VIEwController显示了模拟的数组数据和图片。这一篇来自定义Prototype Cell的样式。

为了每行有更多的空间，首先设置行的高度

选中Cell，在Attributes inspector中，将 @R_301_5991@ VIEw Cell中的Style改为 Custom

选中@R_301_5991@VIEw 在Size inspector中设置 Row height 的值为80

选中Cell 在Size inspector中将Row height 的值设置为80 ，并把后面的 Custom 勾选上

从右下角的Object library中找到 Image VIEw 拖拽到Cell中。这里注意看左侧的结构，是放在 Cell下面的 Content VIEw下面哦。
然后在右侧面板的Size inspector中将VIEw的 X、Y、WIDth、Height（位置坐标和长宽）设置好。

接下来添加三个UI Label组件到Cell中

这里注意，可以一次性拖拽好三个，也可以一个个拖拽进去都行。然后再右侧将字改为@R_419_6889@即可，这里会发现在 Main.storyboard 中字母没显示完整，可以直接拖动边框拉到显示完整。
我一般是选中Label 然后再菜单栏选择Editor->Size To Fit Content即可快捷键是 Command+=。有时候会显示灰色，重新选中一下Label再进入editor里面就可以看到了。

然后将第一个label选中奖Font设置为headline，就是标题的意思。

将第二个label设置为：

Font：System

Style：light

Size：14

下面，使用 “Embed In Stack”布局工具

按住 command 键。选中三个 Label，然后点击上图的3，将三个 Label 嵌入到一个 Stack View 中

在左侧的属性面板中将 spacing 设置为1

同样按住 command 键，再选中刚刚的 Stack VIEw 和Image VIEw

然后点击 上图中的 3 按钮，嵌入到 Stack VIEw

在左侧的属性面板中将 spacing 设置为10

选中最外层的 Stack VIEw，检查一下约束是否加好了

Stack VIEw 因为添加了约束，那么它就会自动调整适应手机屏幕大小，这里为了固定住Image VIEw的宽高。按住 control，从 Image VIEw 组件横向拖动，然后在它自己身上松掉，再d出的框里面，按住shift键，选择wIDth和height，然后点击添加两条约束。
这里使用鼠标右键从Image VIEw上横向拖动也是可以的。效果与按住control键是一样的。

现在的文件结构应该是这样的

总结

以上是内存溢出为你收集整理的使用swift3从零写一个基于位置信息的照片集iOS应用系列二全部内容，希望文章能够帮你解决使用swift3从零写一个基于位置信息的照片集iOS应用系列二所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。