如何在Xamarin.iOS的UIStoryboard中让水平StackView内控件右对齐？

我有一个垂直方向的StackView（卡片视图），对齐方式和分布方式均为Fill。该StackView内包含多个水平方向的StackView及其他控件，其中最后一个水平StackView的Alignment为Top、Distribution为Fill，内部有“Save”和“Cancel”两个按钮。我希望这两个按钮实现右对齐，但不知如何操作，我使用的是Xamarin.iOS。注：这是我的第一个学习项目，可能存在多余约束等代码，若需更多XML代码请告知。

相关XML代码：

<stackView opaque="NO" contentMode="right" alignment="top" spacing="15" translatesAutoresizingMaskIntoConstraints="NO" id="qk0-Aa-LVy">
  <rect key="frame" x="0.0" y="301" width="414" height="51"/>
  <subviews>
    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="wordWrap" translatesAutoresizingMaskIntoConstraints="NO" id="TzA-jj-KRx">
      <rect key="frame" x="0.0" y="0.0" width="199.66666666666666" height="31"/>
      <inset key="contentEdgeInsets" minX="10" minY="10" maxX="10" maxY="10"/>
      <state key="normal" title="Button"/>
      <buttonConfiguration key="configuration" style="plain" title="Save" buttonSize="medium"/>
    </button>
    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="xHU-No-XcV">
      <rect key="frame" x="214.66666666666663" y="0.0" width="199.33333333333337" height="31"/>
      <state key="normal" title="Button"/>
      <buttonConfiguration key="configuration" style="plain" title="Cancel"/>
    </button>
  </subviews>
  <constraints>
    <constraint firstAttribute="bottomMargin" secondItem="TzA-jj-KRx" secondAttribute="bottom" constant="20" id="d5Z-DX-Keg"/>
  </constraints>
</stackView>

方法1：添加空白间距视图（新手友好方案） #

在两个按钮前插入一个空白视图，让它占据水平StackView左侧的所有可用空间，自动把按钮挤到右侧：

<stackView opaque="NO" contentMode="right" alignment="top" spacing="15" translatesAutoresizingMaskIntoConstraints="NO" id="qk0-Aa-LVy">
  <rect key="frame" x="0.0" y="301" width="414" height="51"/>
  <subviews>
    <!-- 新增空白间距视图 -->
    <view translatesAutoresizingMaskIntoConstraints="NO" id="spacer">
      <constraints>
        <!-- 低优先级宽度约束，避免与StackView布局规则冲突 -->
        <constraint firstAttribute="width" priority="250"/>
      </constraints>
    </view>
    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="wordWrap" translatesAutoresizingMaskIntoConstraints="NO" id="TzA-jj-KRx">
      <rect key="frame" x="0.0" y="0.0" width="199.66666666666666" height="31"/>
      <inset key="contentEdgeInsets" minX="10" minY="10" maxX="10" maxY="10"/>
      <state key="normal" title="Button"/>
      <buttonConfiguration key="configuration" style="plain" title="Save" buttonSize="medium"/>
    </button>
    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="xHU-No-XcV">
      <rect key="frame" x="214.66666666666663" y="0.0" width="199.33333333333337" height="31"/>
      <state key="normal" title="Button"/>
      <buttonConfiguration key="configuration" style="plain" title="Cancel"/>
    </button>
  </subviews>
  <constraints>
    <constraint firstAttribute="bottomMargin" secondItem="TzA-jj-KRx" secondAttribute="bottom" constant="20" id="d5Z-DX-Keg"/>
  </constraints>
</stackView>

这个方案不需要修改原有按钮的约束，仅通过添加占位视图实现右对齐，适合快速上手。

方法2：直接添加右对齐约束 #

如果不想新增视图，可以给按钮添加明确的右对齐约束：

1. 给Cancel按钮添加约束：trailing 对齐到水平StackView的 trailing（可设置16左右的间距）
2. 给Save按钮添加约束：trailing 对齐到 Cancel按钮的 leading，并设置固定间距（比如15）
3. 将水平StackView的distribution改为FillProportionally或Leading，避免按钮被拉伸

这种方式贴合AutoLayout原生规则，但需要手动调整约束优先级，防止冲突。

方法3：修改StackView属性 #

将水平StackView的alignment改为Trailing（对应右对齐），distribution改为EqualSpacing，按钮会自动靠右排列。但要注意如果按钮宽度不一致，可能出现间距不均的情况，适合按钮宽度相近的场景。

内容的提问来源于stack exchange，提问作者Gith