是否可以将约束从一个视图复制到另一个视图？

Question

假设我使用Interface Builder在故事板中使用自动布局创建UI。我可以将一些约束从一个视图复制或移动到另一个视图吗？

Answer 1

这是我的黑客获取要复制的所有约束：我在主视图中有一个小视图，我想要复制到另一个视图控制器，为了做到这一点，我复制整个主视图进入新视图控制器主视图。然后我将我的小视图（在侧面层次结构上）拖到我的新控制器的主视图中，然后删除了我不需要的旧主视图。这样，您可以在小视图中保留项目的所有约束。

希望这会有所帮助：）

Answer 2

如果使用界面构建器，则在使用cmd-c或编辑/复制时会自动复制某些约束：包含复制视图层次结构的约束。否则，不，你不能。如果要保留约束，请复制整个视图。

Answer 3

如果您了解并了解.xib文件的XML如何工作，则可以。我已经习惯了它们，所以我能够将带有约束的视图移动到另一个视图中。

我会尝试逐步解释：

1. 为其创建一个出口：myView
2. 右键点击.xib文件＆gt; Open As＆gt; Source Code或在其他编辑器中打开它（例如Sublime Text）

3. 搜索myView，您会发现类似的内容：

   <outlet property="myView" destination="i5M-Pr-FkT" id="sfx-zR-JGt"/>
   

   并复制destination属性的值

4. 搜索复制的ID（i5M-Pr-FkT），其中一个结果将是view代码：

   <view contentMode="scaleToFill" id="i5M-Pr-FkT"> <!-- 1 -->
       ...
   </view>
   

5. 将整个view标记剪切并粘贴到所需视图的subviews标记中：

   <view contentMode="scaleToFill" id="Ovp-8Y-qHZ"> <!-- 2 -->
       <subviews>
           <view contentMode="scaleToFill" id="i5M-Pr-FkT"> <!-- 1 -->
               ...
           </view>
       </subviews>
   </view>
   

6. 继续搜索复制的ID，您会发现一些类似的限制：

   <constraint firstItem="w7M-JQ-JWD" firstAttribute="leading" secondItem="i5M-Pr-FkT" secondAttribute="leading" id="EwH-B1-XWY"/>
   

7. 您需要将其移动到两个超级视图（旧视图和新视图）的最低共同祖先的constraints标记中：

   <view contentMode="scaleToFill" id="rK2-sE-P0d"> <!-- 3 -->
       <subviews>
           <view contentMode="scaleToFill" id="Ovp-8Y-qHZ"> <!-- 2 -->
               <subviews>
                   <view contentMode="scaleToFill" id="i5M-Pr-FkT"> <!-- 1 -->
                       ...
                   </view>
               </subviews>
           </view>
       </subviews>
       <constraints>
           <constraint firstItem="w7M-JQ-JWD" firstAttribute="leading" secondItem="i5M-Pr-FkT" secondAttribute="leading" id="EwH-B1-XWY"/>
       </constraints>
   </view>
   

Answer 4

如果仅想将现有元素添加为新视图的子视图，则使用“嵌入视图”功能将保留大多数约束。

嵌入到视图中是在界面生成器右下角的工具菜单中找到的第二个图标。

只需选择要嵌入的项目，然后从工具栏选择要嵌入它们的视图类型。 （下面的屏幕截图）