2017-05-06 56 views
2

在官方iOS应用程序开发教程的Implement Edit and Delete Behavior部分末尾,提到布局有错误,使用堆栈视图修复这些错误仅作为读者的练习。 为了解决这些问题,我按照下列步骤:如何解决官方iOS应用程序开发教程中的自动布局问题?

  1. 添加水平叠层视图,其中将包含所述的UIImageView和垂直叠层图。
  2. 将水平堆栈视图的边限制到超视图的边缘。
  3. 将标签和分级控制添加到垂直堆栈视图。
  4. 将内容模式设置为UIImageView中的宽高比。的UIImageView的所有1000

Your Meals Scene

  • 设置CHCR性能然而,布局依然不合我的胃口。例如,我已开始在iPhone 5模拟器应用程序,这是这种情况:

    Your Meals Scene on iPhone 5

    视图不延伸到单元的顶部和底部(与保持纵横比)的图像。此外,当我点击“编辑”,将图像视图缩小,而不是等级控制和标签:

    enter image description here

    同样,当我们滑块向左行,而不是标签和评级控制是萎缩的图像视图滑出的视图:

    enter image description here

    我想图像视图呆在那里完全和评分控制和标签在必要时收缩。

    我也尝试用普通的水平堆栈视图替换Rating Control,其中包含5个普通按钮。这是结果:

    enter image description here

    enter image description here

    enter image description here

    enter image description here

    这个时候,的UIImageView覆盖整个小区。我期待:

    1. UIImageView的高度等于单元格的高度。
    2. UIImageView的宽度与其高度成正比(因为我已将UIImageView的内容模式设置为界面生成器中的Aspect Fit)。
    3. 标签所覆盖的剩余空间和新的评级控制。他们应该占用剩余空间,因为我已将UIImageView的CHCR设置为全部1000。

    更新:

    这里添加的纵横比约束的图像查看后认为:

    enter image description here

    enter image description here

    它已接近完成,除了事实图像视图不会从左边缘开始。为了解决这个问题,我尝试将图像视图的前沿位置设置为超视图的前沿位置,但这没有帮助。

    我该如何达到所需的布局?

  • 回答

    0

    滑动删除部分正常工作,因为它应该。整个单元格向左滑动而不向左缩(看看Mail.app,你会看到它的行为方式相同)。

    至于你用是当表在编辑模式下一个日渐只有部分图像视图具有其他问题...

    1. 调低评级观点和标签的抗压性。
    2. 将长宽比约束添加到图像视图。
    3. 选择图像视图和内容视图(最简单的方法是在大纲视图中使用 命令键进行截图),并将其设置为 它们具有相同的高度。 这应该在编辑模式下使图像视图缩小。如果没有尝试单元顶层的水平堆栈视图的各种模式。
    +0

    添加长宽比约束可修复图像视图缩小的问题(请参阅编辑)。但是,图像视图未附加到单元格左边缘的问题仍然存在。 – Utku

    +0

    请参阅我的答案中的第一句话,当用户将单元格向左滑动时,图像视图不应该是可见的。这个想法是,_entire_单元正在移动以显示它下面的删除按钮。您无法使用滑动来删除功能并仍然可以看到整个单元格。左边缘将被视为隐藏。如果您希望即使在滑动过程中图像始终可见,您也必须将其交换到单元格的右侧。 – theMikeSwan

    +0

    我不是在说要删除的滑动。我正在讨论如何在应用程序加载时出现表格。请看我最新编辑的第一张图片。 – Utku