2014-10-29 27 views
6

Đang cố gắng để thiết kế giao diện người dùng iphone trên kịch bản mới xcode của: enter image description herexcode 6.1 iphone/ipad Storyboard

enter image description here

này dường như là một lộn xộn chút cho thiết kế chỉ iphone UI.

Tôi mong đợi một số hình thức của 'iphone' 'ipad' 'mở rộng' ranh giới hoặc dòng nhưng tất cả tôi có thể tìm thấy là một bảng phân cảnh duy nhất. là nó thực sự chỉ là bảng phân cảnh duy nhất bây giờ hoặc tôi thiếu một số điều khiển bổ sung?

+1

Tra cứu Bố cục Tự động hoặc Springs và Struts nếu bạn cũ kỹ như tôi. – Undo

+0

Tôi không quan tâm đến chế độ xem đơn lẻ, tôi giả định rằng nó sẽ được tập trung, với không gian bổ sung có sẵn cho ipad. hoặc ít nhất một số hình thức chỉ đạo về những gì được xem ở đâu và khi nào. oh well, chúc mừng cho các tip –

Trả lời

1

Trong Utility Diện tích chọn kịch bản của bạn

Các Atributes inspector > Simulated Metrics > Size > Select Size

16

Bắt đầu với XCode 6, cốt truyện dành cho iPhone và iPad đã được kết hợp sử dụng một tính năng mới gọi là lớp Kích. Đó là một điều tốt (hầu hết thời gian), vì nó cho phép bạn thiết kế một giao diện sẽ tự điều chỉnh theo các kích thước màn hình khác nhau.

Tất nhiên, có những trường hợp bạn có thể muốn sử dụng các bảng phân cảnh khác nhau cho iPhone và iPad. Sau khi tất cả, một số ứng dụng chỉ cần một cách tiếp cận hoàn toàn khác nhau trên các thiết bị có kích thước cọ và máy tính bảng.

Nếu bạn muốn sử dụng Lớp học kích thước mới, hãy xem một trong số lượng hướng dẫn ngày càng tăng, như hướng dẫn này bởi Ray Wenderlich: http://www.raywenderlich.com/83276/beginning-adaptive-layout-tutorial.

Nếu bạn muốn sử dụng cốt truyện riêng biệt dành cho iPhone và iPad, đây là cách:

  1. Bắt đầu với một đơn Xem ứng dụng mới.

    a. Select File|New|Project. 
    
    b. Select iOS, Application and click "Single View Application." 
    
    c. Click Next. 
    
    d. Give the project a name, then click "Next." 
    
    e. Pick a location and click "Create" to create the project. 
    
  2. Chuyển bảng phân cảnh bắt đầu sang bảng phân cảnh của iPhone.

    a. Select Main.storyboard, and select the file inspector (the document icon at the top of the right pane) if it is not already selected. 
    
    b. Uncheck "Use Size Classes." 
    

Uncheck Use Size Classes to convert to a device-specific storyboard.

c. A dlialog will appear. Select "iPhone" from the drop down menu, then click "Disable Size Classes." 

Choose iPhone and click Disable Size Classes

d. Rename the storyboard as "Main_iPhone.storyboard." 

enter image description here

  1. Tạo bảng phân cảnh iPad.

    a. Select File|New|File from the menu bar. From the dialog that appears, select iOS|UserInterface. Click on "Storyboard" and click "Next." 
    

enter image description here

b. Rename the file as "Main_iPad.storyboard," then save it, typically in the Base.lproj folder of your project folder. 

enter image description here

c. Add a view controller, and make it the initial view controller by clicking the "Is Initial View Controller" check box in the Attributes Inspector pane. 

enter image description here

  1. Chuyển bảng phân cảnh mới thành bảng phân cảnh iPad bằng cách làm theo các bước tương tự như # 2, ở trên, nhưng lần này chọn iPad thay vì iPhone khi bạn chọn nền tảng.

  2. Liên kết bảng phân cảnh với ứng dụng.

    a. Open the Info.plist. 
    
    b. Change the name for "Main storyboard file base name" from "Main" to "Main_iPhone.storyboard". 
    
    .c Add a new property called "Main storyboard file base name (iPad)" and give it the name "Main_iPad." 
    

enter image description here

Vậy là xong! Bây giờ bạn có thể tạo giao diện người dùng riêng biệt cho iPhone và iPad theo cách bạn luôn làm.

+1

Tôi hy vọng thần sẽ chăm sóc của bạn ... Cảm ơn bạn tôi sửa chữa vấn đề của tôi với câu hỏi của bạn :) –

+0

Đây là một trong những lời giải thích tuyệt vời – anoop4real

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