自动布局和动画答案

【问题标题】：Auto layout and animation自动布局和动画
【发布时间】：2023-03-26 11:27:02
【问题描述】：

在我的程序中，我有 14 个不同的按钮，每个按钮都有一个字母。每个按钮都通过自动布局相互连接。所以有很多疯狂的限制。解释见第一张图：

但我希望能够通过UIAnimation 来回移动每个按钮，而不会弄乱整个自动布局设置。请参阅第二张图片以获得解释，我想要做什么：

现在是我目前用来获取这些动画的代码：

self.letterA.translatesAutoresizingMaskIntoConstraints = YES;
[UIView animateWithDuration:0.2 animations:^{
    [letterA setFrame:CGRectMake(x, y, width, height)];
}];

现在程序完美运行！绝对没有问题！但唯一的“问题”是这段代码在控制台中生成了这条消息：

Unable to simultaneously satisfy constraints.
Probably at least one of the constraints in the following list is one you don't want. 
Try this: 
    (1) look at each constraint and try to figure out which you don't expect; 
    (2) find the code that added the unwanted constraint or constraints and fix it. 
(Note: If you're seeing NSAutoresizingMaskLayoutConstraints that you don't understand, refer to the documentation for the UIView property translatesAutoresizingMaskIntoConstraints)

而且这个警告/错误/问题会不断地重复，每次移动一个UIButton。现在我该怎么办？

我可以忽略Unable to simultaneously satisfy constraints 吗？还是会在未来造成麻烦？
如果不是，如何解决？而且由于涉及到大量的约束，如何在不编辑每个约束的情况下修复它？
我非常想继续使用setFrame: 制作动画

【问题讨论】：

标签： ios objective-c uibutton autolayout uianimation

【解决方案1】：

如果您使用自动布局，则应将 translateAutoResizingMask 设置为 false，否则您将不断收到此错误。相反，您应该仅在动画块之前使用约束设置新位置，然后在动画块中调用 layoutIfNeeded。当您在界面生成器中设置约束时，其效果是自动将 translateAutoResizingMaskToConstraints 设置为 false。

【讨论】：

【解决方案2】：

你的观点：

“我可以忽略无法同时满足约束警告” 不。忽略这一点是一个非常糟糕的主意，即使 UI 或多或少地显示为您希望的样子，即使有警告也是如此。这意味着系统正在决定如何呈现您的布局，因为您提供的指令是矛盾的。它分析了您提供的约束，并找到了一种通过打破其中一个或多个约束来创建一致布局的方法。无法保证它会决定打破对不同屏幕尺寸或操作系统版本的相同限制。忽略此警告会大大增加 UI 错误的可能性。
我会重新考虑这个 UI 的整个设计方式。 IB/Storyboard Autolayout 适用于具有一定复杂性的 UI。这个 UI 看起来稍微超出了这个复杂程度——如果图块不需要移动，那就没问题了。正如他们所做的那样，程序化自动布局可能会使事情变得更简单。我将采取的方法如下。

一个。创建一个 tile 对象，它公开了顶部、左侧、宽度和高度约束的 NSLayoutConstraint 属性。（这些约束将被添加到 superview 上，但也存储在 tile 本身上）。

b.使用工厂对象方法设置视图，将新图块的起始位置偏移、宽度和高度作为参数。使用这些值单独设置每个图块上的约束。根本不要将图块相互约束 - 所有约束都应该是内部的（宽度，高度）或相对于超级视图（x，y）。这意味着当您为更改设置动画时，只有一个图块受到影响。您实际上有更多的约束，但它们在代码中，因此更易于管理。

c)。使用UIView 动画来移动图块并使用图块上的约束来调整它们的大小。您可以存储每个平铺位置的初始帧，并使用这些值来确定目标约束值。通过这种方式，您应该可以轻松地调整图块的位置和大小。

d)。 Apple 的NSLayoutConstraint API 有点冗长和丑陋。考虑使用Masonry，一种更好的自动布局 DSL，以保持您的代码干净。
您可以继续使用-setFrame:，只要您不使用 Autolayout - 这两种方法不能很好地配合使用。如果您希望您的应用程序在多个屏幕尺寸上运行，您需要使用 Autolayout，或者重新计算每一帧并在代码中动态偏移。如果你不这样做（也许它是一个 iPad 应用程序并且你不关心 Pro，那么只需使用 -setFrame:）。但是，总的来说，我建议硬着头皮学习 Autolayout

【讨论】：