2016-03-16 16 views
10

Tôi đang phát triển một ứng dụng nhỏ trong Swift 2.0. Tôi có một View với hệ thống phân cấp như sau:Thêm một ScrollView vào Chế độ xem hiện tại

enter image description here

Bây giờ, các yếu tố được đặt trong quan điểm này không thể được hiển thị hoàn toàn bằng nó, vì vậy tôi muốn sử dụng một ScrollView để có thể di chuyển tất cả nội dung.

Làm cách nào để nhúng tất cả nội dung của View vào một số ScrollView mới? Tôi có thể làm điều này theo lập trình bằng mã không?

+1

Có thể trùng lặp [Thêm UIScrollView vào UIViewController] (http://stackoverflow.com/questions/14055950/adding-uiscrollview-to-a-uiviewcontroller) –

+0

Bạn có thể thêm scrollView từ bảng phân cảnh, nhưng một khi bạn làm điều này, bạn phải đặt ràng buộc cho tất cả các khung nhìn bạn thêm bên trong scrollView. Bạn không thể chỉ cần thêm scrollView và hy vọng rằng nó sẽ di chuyển. –

+2

Để cuộn chế độ xem, hãy chọn tất cả các chế độ xem bạn muốn thêm vào ScrollView và chuyển đến Trình chỉnh sửa - Nhúng - Chế độ xem cuộn. –

Trả lời

24

UPDATE: Có một cách dễ dàng hơn để làm điều này mà tôi không biết khi tôi đăng câu trả lời này

1) Vào viewController trên kịch bản và click vào một cái gì đó trong nó và nhấn Command + A. Điều này sẽ chọn tất cả các phần tử trong khung nhìn.

2) Đi đến Editor -> Embed In -> Scroll View. Thao tác này sẽ nhúng tất cả các nhãn, chế độ xem, v.v. vào một scrollView.

3) Chọn scrollview mà bạn vừa nhúng. Nhấn Control và kéo nó vào tệp lớp tương ứng của trình điều khiển chế độ xem và tạo lối ra scrollView.

4) Thêm này để bạn viewDidLoad()

scrollView.contentSize = CGSizeMake(self.view.frame.width, self.view.frame.height+100) 

Hãy chắc chắn rằng chiều cao cho contentSize là hơn kích thước của tầm nhìn của bạn.

THÊM scrollview CÁCH THỦ

1) Kéo và thả một scrollview từ Object Library vào viewcontroller của bạn trong kịch bản và tạo ra một lối thoát để chương trình của bạn là 'scrollview'.

2) Nhấp vào số viewcontroller của bạn và chuyển đến trình kiểm tra kích thước và ghi lại chiều rộng và chiều cao.

3) Nhấp vào số scrollview của bạn và đặt widthheight giống như viewcontroller. và thiết lập các giá trị XY đến 0

4) Click vào scrollView và kéo nó một chút sang phía bên

5) Nhấn Command+A để chọn tất cả các yếu tố bao gồm scrollView. Nhấn Command và nhấp vào số scrollView để bỏ chọn ScrollView

6) Bạn sẽ có tất cả các thành phần ngoại trừ scrollView được chọn ngay bây giờ. Bây giờ bấm và kéo chúng vào scrollView.

Moving into scrollView

7) Bây giờ bấm vào scrollView và thiết lập XY giá trị 0 từ Kích Inspector.

8) Thêm này để bạn viewDidLoad()

scrollView.contentSize = CGSizeMake(self.view.frame.width, self.view.frame.height+100) 

Hãy chắc chắn rằng chiều cao cho contentSize là hơn kích thước của tầm nhìn của bạn.

Điều đó sẽ tạo scrollView cho chế độ xem của bạn. Một số yếu tố có thể ở vị trí hơi khác. Bạn có thể dễ dàng sửa chúng bằng cách di chuyển chúng trên storyBoard của bạn.

+0

Tôi có đặt lại tất cả các ràng buộc sau khi nhúng phần tử khung nhìn của tôi vào scrollView không? –

+0

Tôi không nghĩ vậy. Bạn chỉ cần thiết lập các ràng buộc của scrollview. – ebby94

+0

Phản hồi tuyệt vời. Tiết kiệm rất nhiều rắc rối, trong việc giữ các ràng buộc hiện tại trong tact, tuy nhiên, tất cả các ràng buộc giữa các yếu tố cá nhân để superview sẽ biến mất khi scrollview được thêm vào giữa. Vì vậy, trước khi nó được Superview-> yếu tố cá nhân và bây giờ nó là Superview-> Scrollview-> yếu tố cá nhân. Vì vậy, tất cả các ràng buộc ban đầu giữa các yếu tố và superview bây giờ sẽ được thay thế bằng scrollview và các yếu tố và chúng tôi cũng cần phải thêm các ràng buộc mới giữa scrollview và superview. – EmbCoder

5

Nó có thể được thực hiện ngay cả simpeler hơn câu trả lời của ebby94.

1) Đi tới bộ điều khiển chế độ xem trên bảng phân cảnh và nhấp vào thứ gì đó trong đó và nhấn Command + A. Thao tác này sẽ chọn tất cả các phần tử trong chế độ xem.

2) Chuyển đến Trình chỉnh sửa -> Nhúng trong -> Chế độ xem cuộn. Thao tác này sẽ nhúng tất cả các nhãn, chế độ xem, v.v. vào một scrollView.

3) Đặt các ràng buộc của Chế độ xem cuộn đến các cạnh của Chế độ xem.

Và bạn đã sẵn sàng! Không cần một ổ cắm.

+0

Ở bước 3, tôi đặt 4 ràng buộc: dẫn đầu, theo sau, hướng dẫn bố cục hàng đầu, hướng dẫn bố cục dưới cùng. Tôi nhận được cảnh báo cho biết "Kích thước nội dung có thể cuộn không rõ ràng cho 'Chế độ xem cuộn'." –

+0

Bạn có chắc chắn rằng bạn đã thực hiện tất cả các bước trước đó đúng không? – FredFlinstone

+0

Làm tốt lắm! Hoạt động hoàn hảo. –

0

Chọn tất cả các yếu tố và nhúng chế độ xem cuộn (trình soạn thảo-> nhúng trong-> scrollView) hoạt động tốt.

Việc thêm ràng buộc dễ dàng hơn nhiều bằng cách chọn cảnh báo ràng buộc (Thêm các ràng buộc còn thiếu).

Các vấn đề liên quan