2017-09-22 65 views
0

我試圖實現在固定圖像上滾動,如圖所示。在swift中在固定背景圖像上滾動內容

enter image description here

我想我應該用一個滾動視圖,但我並沒有完全得到它如何使用它,什麼要加入到了滾動,因爲底部的圖像和按鈕應該是固定的。此外,內容只能滾動,當文本很長時。

+0

爲什麼你不使用一個UITextView?它會更簡單。 –

+0

我之前實現了這個功能,但在Iphone 5上幾乎沒有文字的位置,所以用scrollview看起來會更好。 –

回答

0

我認爲這裏最好的解決方案是在UIViewController內使用UITableView

然後,您可以設置單元格,使其看起來完全符合您的需要。

例如,第一個單元格只是圖像,第二個單元格將是您的標題,第三個單元格將是您的菜單欄,等等。

如果您計劃動態呈現UIViewController中的元素(例如,如果您需要使用數據庫,則只有在內容已被下載的情況下才可以插入行),這可能非常有用,

因此,使用UIViewController,您可以將UITableView添加到它並使用約束條件進行設置,以填充整個視圖。然後,您可以將您的按鈕添加到您的表格視圖頂部,作爲您的UIViewControllerview的子視圖(不是您的表格視圖的子類,否則您的按鈕最終也會滾動)。 再次在這裏,您需要添加一些約束到您的按鈕,使其看起來沒問題!

試試看這樣,讓我知道,如果你有在執行:)

+0

但圖像應該是固定的,所以我不能把它放在我認爲的細胞內。我是否也應該使它成爲視圖控制器的子視圖? –

+0

哦,我誤解了你的問題,然後,你是否希望你的圖像被固定在屏幕的頂部? (雖然如此,但它可能有點讓人誤解) – Alex

+0

我的意思是,我希望它固定在單元格後面,以便內容在圖像上流動。你明白了,我的意思是? –

0

這是非常複雜的,解釋什麼困難,要了解你要知道良好的自動佈局

爲了實現這個目標,你需要2 滾動視圖和一些數學:)

假設你headerview高度200

正如你ķ現在使用的自動佈局,我們需要以下視圖層次時

您的視圖層次應該是

--> Main View 
--> ScrollView 
    --> Container View 
    -->Your HeaderView (200) 
    -->Content View (Equal height to UIView) 
     --> UIView (Your tabs like button , followbutton) 
     --> ScrollView 2 
      --> ContainerView  
      -->Subviews 

滾動視圖1將使用を滾動headerview和第二滾動視圖將用於滾動滾動視圖的其他內容(如標籤和文字如在圖中所示的內容)

內容的瀏覽(等於高度的UIView)將允許內容視圖,得到的200額外滾動底部和您的第二滾動視圖高度會滾動到頂部,這將允許以滾動其他內容

https://media.giphy.com/media/a2A4AQeAIkAhO/giphy.gif

enter image description here