2016-05-17 85 views
0

我有一個UIViewController,它由一個UIImageView組成,然後我想爲用戶提供三個選項,即旋轉,裁剪,繪製。將3個UIButton對齊UIViewController的底部中心

我希望這三個按鈕始終保持居中位於底部並與UIImageView保持精確的距離。

如何實現這一點使用自動佈局我做了大量的搜索以及工作,但沒有很好的使用。

enter image description here

+1

在只有縱向?顯示你的故事板截圖,如何確切地想要按鈕 – Lion

+0

否旋轉以及 –

+0

從故事板添加該視圖控制器的屏幕截圖,以便更好地理解 – Lion

回答

4

集,

第一套約束到中央按鈕(作物按鈕)。像,

裁剪按鈕: - 從bottomlayout,高度和寬度底間距(根據您的要求),並且水平居中在容器(現在你的作物按鈕在中央固定)

Rotatebutton: -設置水平距離作物按鈕,旋轉按鈕頂部= cropbuttons頂部,旋轉按鈕的底部=作物按鈕底部,和旋轉按鈕的高度和寬度等於作物按鈕的高度和寬度。

(集約束繪製按鈕一樣旋轉按鈕)

因此,所有按鈕的外觀相同。

檢查在圖像,

1)設置約束到按鈕

enter image description here

2)現在設置約束到imageview的

enter image description here

3)輸出

enter image description here

編輯: -這裏我已附加的演示,

Demo for Centre button

0

希望下面的步驟可能會解決的按鈕,你wanted.Have沒有嘗試過我自己的方式,但你可以嘗試,如果你還沒有測試這些步驟。

1.Pin這些按鈕的底部空間容器 2.添加釘扎前緣到視圖的最左邊的按鈕從按鈕制約頂部空間圖像視圖 3.Play圍繞按鈕之間水平空間和拖尾空間到最右側按鈕的視圖 4.水平/垂直檢查容器中心到容器

1

無需將約束添加到ImageView。將這些按鈕添加到UIView上,並將該視圖的約束條件添加爲水平居中,並在UIView上添加ImageView。現在,將Button的父視圖中的constraintHorizo​​ntally Center添加到ImageView的父級。

1

你的情況應該是這樣的下面,

最左邊的按鈕應該有兩個限制(取消):龍頭,bottton

最右邊的按鈕應該有兩個約束(黃色按鈕):拖影,底部

取一個UIVIew,並在該視圖中放置三個按鈕,距離該uiview的每一側的距離相等。

現在您約束到所有三個按鈕想:前置,頂部和固定高度

uiview的限制應該是:在容器中,底部水平中心和固定高度

我附上截圖藏漢

enter image description here

您可以檢查從左側視圖層次的約束。

我已經設置了灰色背景顏色來演示這個視圖,您不需要設置該視圖的顏色。

通過這種方式你的三個按鈕會始終顯示在您的VC

希望的底部中心,這將有助於限制這樣的:)

2

(1)首先添加ImageView的,約束這樣

enter image description here

(2)現在添加一個UIButton在底部中心名爲CROP。給約束這樣

enter image description hereenter image description here

(3)現在增加2 UIButtons名爲ROTATEDRAW作物

兩側爲ROTATE:enter image description hereDRAW :enter image description here

(4)最後選擇3個按鍵,並給equalWith約束

enter image description here