使用自动布局居中 UIButton 和 UILabel
Center UIButton and UILabel with Autolayout
我是 UIConstraints
的新手,我正在尝试将 "Continue Button" 和 "No, thanks" 与 Auto Layout
居中 space 在 UICollectionView
和 xib
底部之间。我应该添加哪个 UIConstraints
?
如果你不想使用绝对值,你需要两个更透明的视图来获得你想要的布局。
应将一个视图添加到 "Continue" 上方,并将其顶部边距设置为 collectionView
,将底部边距设置为 "Continue"。
第二个视图应放置在 "No thanks" 下,并且它的上边距应设置为 "No thanks",下边距应设置为 superView 的底部。
您可以通过添加等于 superView 的左右边距来让两个视图占据所有水平 space。
设置完我上面提到的约束后,您必须在两个额外的视图之间再添加一个等高约束。这将确保 "Continue" 上方和 "No thanks" 下方的 space 始终相等。
这是我做的实现
如图所示,我使用不同的组件实现了 3 个堆栈视图。为了使它们全部 "one" 我将它们放在一个 Stack 中,其约束 <= 到底部和顶部以及具有固定大小的约束,这样它们就不会越过视图的边界。
我是 UIConstraints
的新手,我正在尝试将 "Continue Button" 和 "No, thanks" 与 Auto Layout
居中 space 在 UICollectionView
和 xib
底部之间。我应该添加哪个 UIConstraints
?
如果你不想使用绝对值,你需要两个更透明的视图来获得你想要的布局。
应将一个视图添加到 "Continue" 上方,并将其顶部边距设置为 collectionView
,将底部边距设置为 "Continue"。
第二个视图应放置在 "No thanks" 下,并且它的上边距应设置为 "No thanks",下边距应设置为 superView 的底部。
您可以通过添加等于 superView 的左右边距来让两个视图占据所有水平 space。
设置完我上面提到的约束后,您必须在两个额外的视图之间再添加一个等高约束。这将确保 "Continue" 上方和 "No thanks" 下方的 space 始终相等。
这是我做的实现
如图所示,我使用不同的组件实现了 3 个堆栈视图。为了使它们全部 "one" 我将它们放在一个 Stack 中,其约束 <= 到底部和顶部以及具有固定大小的约束,这样它们就不会越过视图的边界。