2016-12-20 13 views
0

전자 상거래 기반 앱에서 디자이너가 모형을 전달했습니다. !실물 크기의 이야기 게시판

This is the mockup the designer has passed.

나는이 모형의 스토리 보드 작업, 그리고 난 지금 같은이 수준에 도달하는 데 성공했다.

My storyboard as of now

때문에 제한된 공간의 지금이 스토리 보드에 포함 할 수없는 몇 가지 전망과 기능이 있습니다. 디자이너가 렌더링 된보기를 전달한 것을 알고 있습니다.이보기는 응용 프로그램을 스크롤 할 때 볼 수 있습니다.

하나의 스토리 보드에 이러한 모든보기를 포함하거나 단일보기로 렌더링하는 것이 가장 좋은 방법인지 궁금합니다. xib 파일을 사용하여 내 viewcontroller 클래스에서 호출하는 방법을 살펴 보았습니다. 가능한 해결책이 될 수 있습니다. 그러나 나는 무엇이 최선의 해결책 일 수 있는지 알고 싶다.

+2

'ViewController' ->'Size Insector' ->'Simulated Size = Freeform'을 선택하고 필요에 따라'width'와'height'를 변경하십시오. –

+0

TableView를 사용해야합니다. 맞춤형 셀을 만들면 모든 것이 잘될 것입니다. 다음은 예입니다. http://stackoverflow.com/questions/40275727/is-it-possible-to-create-one-tableviewcell-that-can-be-used-in-multiple-table-co/40277758#40277758 –

+0

감사합니다 Bhavin Ramani! 그것은 도움이 될 수 있습니다 :) – amagain

답변

0

최고의 솔루션은 스토리 보드를 사용하므로 모든 화면을 한 곳에서 볼 수 있습니다. 그러나 XCODE 8 스토리 보드에서 전체 프로젝트를 시작한다는 사실을 염두에 두십시오 (XCODE 7 및 8 스토리 보드가 서로 완벽하게 호환되지 않기 때문에). 이전 iOS 버전과의 호환성을 얻으려면 (< iOS 10)

디자인에 관해서는 자동 레이아웃과 비례 레이아웃을 사용하는 것이 좋습니다.

View 컨트롤러에는 항상 self.view가 있습니다. 보기에서 시작하십시오. 먼저 네비게이션 컨트롤러 (앱 시작시 첫 번째 선호하는보기 컨트롤러로 루트보기 컨트롤러 사용)를 추가하거나 하나의 툴바 만 추가하면됩니다. 그런 다음 남은 공간 전체에 하나의 UIScrollView를 추가하십시오. 그런 다음 UIScrollView 내부에서 디자인을 시작하십시오. UIScrollView의 contentSize를 제공하는 것을 잊지 마십시오.

도움이 필요하면 언제든지 문의하십시오.

+0

질문이 하나 더 있습니다. 이제이 특정보기에서 UIScrollView가 작동하지 않습니다. 어떻게 작동합니까? 그러면 스크롤보기가 모형과 같이 표시됩니다. – amagain

0

최상의 솔루션은 이러한 종류의 문제에 대해 여러 개의 프로토 타입 셀을 사용하는 것입니다 (tableView). 언급 한 개념을 살펴보면 storyboard에서 쉽게 스크롤하고 실물 모형에 따라 디자인을 유지할 수 있습니다.