【问题标题】:Autolayout(xcode 6,swift)自动布局(xcode 6,swift)
【发布时间】:2015-07-31 09:54:09
【问题描述】:

在我的手机 5s 模拟器中,它工作正常!我有一个标签,一个图像视图和一个按钮。您现在可以单击链接并查看图片,所以我告诉您我使用图像视图作为背景,标签在中间,按钮在中下,所以我希望它在所有设备中看起来都一样。我对约束一无所知。我使用的是 Xcode 6

https://drive.google.com/file/d/0B2z_d4wEKPEFLV9RNFVlR3A5SFppa0tJT2tiQkQwVVVVTDVz/view?usp=sharing

【问题讨论】:

  • 我不认为这个链接能做你想做的事。
  • @marosoaie 立即查看

标签: ios xcode swift


【解决方案1】:

我建议你看看这个 youtube 教程。我通过观看学习了如何制作约束。本教程教您如何根据需要制作类似的布局。

链接:https://www.youtube.com/watch?v=RpMzEmF-xZM

希望对你有帮助~

【讨论】:

  • 我现在用本教程完成了我的自动布局,它可以工作但在 iphone 模拟器 4s、5 和 ipad2 中显示错误线程 1:EXC_BAD_INSTRUCTION(code=EXC_1386_INVOP,subcode=0x0) 我不知道为什么正在显示此错误@AresLee
  • @Motivationgym5 我认为原因是iPhone 5s(包括上述型号)和旧设备之间的架构差异。当我使用流行的游戏引擎 Unity 开发游戏时,我遇到了类似的错误。我通过更改 Unity 的兼容性设置解决了这个问题。但是,您的案例是原生 Xcode 项目,我只是在网上做了一些关于原生平台问题的研究。我认为下面的链接可以给你一些提示。链接:reddit.com/r/swift/comments/2a888t/getting_weird_error
  • 感谢他的工作现在没有崩溃,如果你能解决我的个人资料中的终止问题,请再看看我的另一个问题
【解决方案2】:

Autolayout 是用来让所有设备的 UI 看起来相似的工具,如果你想继续开发 IOS 应用程序,你应该尝试学习它。这些概念非常基本,并在其他语言中使用。

如果您想使用故事板创建自动布局,This tutorial 很有用。

This tutorial 在您以编程方式制作视图时很有用。我倾向于使用代码进行自动布局,但这只是一种偏好,故事板相当简单,所以我建议这样做。如果您打算在代码中执行此操作,则忘记将自动调整大小掩码设置为 false。您必须在要为其使用自动布局的所有视图上设置此属性。

view2.setTranslatesAutoresizingMaskIntoConstraints(false)

【讨论】:

    【解决方案3】:

    背景图像视图 选择图像->固定->取消选中边缘约束->选择上、下、左、右。

    按钮 选择Button-> Pin->取消选中Constraints to margin->选择bottom,left,right,Height。

    标签 在容器中选择标签->对齐->水平居中和垂直居中。 引脚->宽度,高度。

    【讨论】:

      【解决方案4】:

      如果它适用于 iPhone 5 但不适用于其他布局,那么这可能正在发生。

      故事板下部标签栏的中心有尺寸

      故事板中有屏幕尺寸设置,而常规*常规是唯一一个对 ios 设备的所有方向和尺寸通用的设置。如果您在通过紧凑型(5.5 英寸 iPhone 横向)常规查看时设置约束,那么这些约束将仅适用于横向 5.5 英寸 iPhone,如果您尝试在较小的 iPod 上运行,就好像您从未设置约束一样。 5.5 英寸 iPhone 的限制不适用于小型 iPod

      如果约束是通过 compact 进行的,并且您正在通过 compact 定期查看故事板,那么您会收到错误消息,指出事情放错了位置,并且在运行时不会以相同的方式出现。以您设置约束的相同尺寸查看情节提要,您应该不会有问题。

      有一个选项可以在故事板中专门模拟您要在其上运行的设备,可以说只有 5.5 英寸 iPhone 或其他任何设备。

      如果您想了解更多信息,请访问 paul hegarty 在 iTunes 上使用 swift 开发 iOS 应用程序。他是一个很好的来源。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-11-30
        • 2015-01-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多