2017-05-17 96 views
1

我有一個垂直StackView內部的水平StackViewStackview排序問題

水平StackView包含圖像(w = 30,h = 30)和一個標籤。

Current

需要

我需要讓圖像&標籤,按照標籤的固有內容尺寸水平居中。

所以,它看起來像---- -----空間圖像&標籤-----空間 -

我怎樣才能做到這一點?

謝謝

+0

你檢查了嗎? http://stackoverflow.com/questions/14741713/auto-layout-constraints-center-2-side-by-side-views-in-a-parent-view – d4Rk

回答

0

enter image description here您可以使用UIView的水平StackView內再加入上的UIView

+0

感謝您的答案,但它也不會工作視圖的寬度等於堆棧視圖。我已經試過了。 – nirav

+0

請看附件圖像 –

+0

但我的水平堆棧視圖在垂直堆棧視圖內。 – nirav

1

我使用的唯一的水平stackView使其中心圖像和標籤。 我做了什麼。

步驟1:

使我的圖像與特定的寬度和高度。

步驟2:

兩者都插入在水平stackView並對準該stackView中心。

enter image description here

enter image description here

編輯:

如果我使用垂直堆疊視圖在頂部,我找不到定心標籤和圖像 enter image description here

enter image description here任何問題

+0

但我的水平StackView垂直StackView內。 – nirav

+0

@nirav: - 你可以檢查我的另一個答案 –

0

請看一看附加的圖像

enter image description here

+0

我的垂直視圖有領先,traling,頂部,底部= 0,所以這不會對我工作 – nirav

+0

@nirav: - 請檢查新圖像 –

+0

@nirav:我剛剛編輯我的回答。如果您遇到任何問題,請隨時回覆。 –

0

上由於VerticalStackView迫使Horizo​​ntalStackView有相同的寬度,所以你必須包裝的ImageView和標籤一個UIView裏面。像這樣

enter image description here

0

enter image description here

添加兩個額外的意見,我把它命名爲左和你的圖像和標籤的右視圖1和視圖2(綠色),設置兩個視圖寬度相等,以您的imageView和標籤將自動居中,不要忘記爲imageView和標籤設置寬度。設置視圖1和視圖2清除顏色或根據需要在其他視圖視圖下(查看背景,其他視圖,與其他視圖的交互...)。