使用Imageview和textview垂直滾動UIScrollview

Question

我花了最近2天試圖找出使用故事板的UIScrollview。每當我想到我得到它，一個新的問題出現，現在它縫合無法解決。 （這很簡單）：

我有一個Imageview 400x185採取scrollview（邊緣到邊緣）的整個寬度。這意味着scrollview具有imageview的寬度。 下面是一個textview，其中< = imageview的寬度。

我使用了很多在stackoverflow上描述的方法： - 在scrollview上使用一個視圖，並設置寬度與scrollview的父級相同。 - 僅使用沒有視圖的滾動視圖

所有這些都會在圖像的幀大小，scrollview的子視圖的大小，約束，textview不顯示或圖片太大時產生錯誤，即使我將約束設置爲邊緣。

有人可以使用上述UI製作示例項目嗎？知道如何處理它的人需要5分鐘的時間。

Answer 1

我只是做了這個。我知道它的工作原理。以下是我建議：

1. 確保您的400x600觀點被限制在寬度400和高度600

2. 添加滾動視圖這一觀點。讓它佔據整個視圖，然後釘住頂部，底部，左側和右側。

3. 將UIView添加到滾動視圖。讓它佔據整個視圖，然後釘住頂部，底部，左側和右側。這是您的內容視圖。我將文檔大綱中的我更名爲「ContentView」。此時，您將收到關於模糊內容大小的警告，因爲在添加更多約束之前，內容視圖可以增大到任意大小。

4. 內容視圖的大小將由內容決定，因此它們需要完全受到限制。將imageView添加到內容視圖。將其寬度限制爲400，將其高度限制爲185.將其固定到contentView的左側，頂部和右側。在這一點上，contentView將知道它是400寬，但它仍然不知道它有多高。

5. 將textView添加到contentView。將它與imageView固定一段距離。限制它在contentView中居中。將它與contentView的底部固定距離。將其寬度限制爲小於400，其高度爲600等。

6. 此時，contentView的大小應該完全受到限制。它從寬度爲400的imageView寬度獲得寬度，並固定在contentView的兩側。它從imageView的常量距離中獲取其高度+ imageView的高度+ imageView和textView之間的恆定距離+ textView的高度+ textView到contentView底部的恆定距離。

---

如果你希望你的滾動視圖只垂直滾動，則限制了內容查看寬度與滾動視圖的寬度。這很容易在Document Outline視圖中完成，方法是從contentView拖動到scrollView，然後從彈出窗口中選擇等寬。