2015-01-04 119 views
1

嘿我想滾動視圖添加到我的視圖控制器,我已經拖一個UIScrollView到畫布,它是所需要的尺寸(228×128)。我想要這個滾動視圖滾動尺寸(576 * 128)的視圖,即雙倍寬度。我不知道如何去做這件事。我是否首先在單獨的xib文件上繪製(576 * 128)視圖?我將如何鏈接所有這些?下面的圖片是我的設置。我是否必須爲包含內容的UIView創建一個自定義類,並且這是我的視圖控制器?只是不知道該怎麼去做。謝謝!把一個UIScrollView在的ViewController(故事板)

enter image description here

下面

更新的圖像.........

enter image description here

+0

看看這個答案,它可能會幫助http://stackoverflow.com/questions/16889123/how-to-add-objects-to-a-uiscrollview-that-extend-beyond- uiview-from-storyboard/16889377#16889377 – 2015-01-04 16:32:11

回答

1

您可以完全在Interface Builder

  1. 從一個新的ViewController開始。在右邊的大小督察,設置模擬尺寸自由形式。將寬度設置爲640,高度設置爲600。這會給你一個足夠寬的ViewController來查看滾動視圖的全部寬度(僅用於佈局)。

    Freeform Size

  2. 拖出一個滾動視圖。將約束添加到視圖中,並將其約束到ViewController的底部。將其寬度限制爲576,其高度爲128。我們將在後面的步驟中修復寬度。

  3. 通過拖動出一個UIView並將其拖放到滾動視圖添加內容查看到滾動視圖。將其固定在滾動視圖的左側,頂部,右側和底部,並將其寬度限制爲576,高度限制爲128。爲此,請點擊屏幕底部的圖釘圖標| - [] - |,取消Constrain to margins,打開所有四個橙I梁(支柱),設置其常量零,檢查旁邊的框的寬度和高度分別設定它們的值576128。最後點擊添加6個約束

    Adding 6 constraints

  4. 製作的內容查看的背景黃色所以你可以看到它。

  5. 將內容添加到您的contentView。我添加了三個標籤「左側」,「中間」和「右側」。 layout scroll view

  6. 現在讓我們使scrollView的大小合適。點擊scrollView的寬度約束,並通過點擊刪除在編譯時間複選框使其成爲佔位符

    Placeholder

  7. 添加另一個寬度約束的滾動視圖。將其設置爲228,並將其優先級設置爲750。有了這個較低的優先級,您將不會在Interface Builder中產生衝突,但是當您構建另一個時將會被忽略,這將限制您的scrollView的寬度爲228

    Priority 750

  8. 在這一點上,你的文檔大綱看起來像這樣顯示所有的約束:

    Document outline showing constraints

  9. 現在建立,你的滾動視圖會滾動! showScroll

+0

非常詳細的答案非常感謝你! – Kex 2015-01-05 08:26:21

+0

剛剛嘗試過,在我的XCODE中沒有在運行時刪除複選框。儘管我可以更改爲「佔位符」,但確實有內置大小的屬性。這是一回事嗎?遵循您的指南,當我運行該程序時,我無法在屏幕上看到滾動視圖。只是全白。 – Kex 2015-01-05 09:16:53

+0

你有哪個版本的Xcode?您應該使用App Store中的最新版本。您是否在啓用或禁用大小類的情況下運行? – vacawama 2015-01-05 11:35:17

1

鏈接你的滾動型的插座,然後做到這一點:

的Objective-C:

[scrollView setContentSize:CGSizeMake(576, 128)]; 

斯威夫特:

scrollView.contentSize = CGSize(width:576, height: 128) 

在此之後,你可以添加元素,您的滾動型seperately,或者你可以將它們添加到一個UIView,然後通過做它添加到您的滾動型:

的Objective-C:

[scrollView addSubview:view]; 

斯威夫特:

scrollView.addSubview(view); 

(順便說一句,你說的 '雙寬'。 228 * 2不是576像素,而是456像素)

相關問題