IPad 스토리 보드에 iOS 응용 프로그램 사용자 인터페이스를 만드는 방법 - 인형

비디오: iPhone Application 프로그래밍 27강 카메라와 사진앨범 | T아카데미 2024

스토리 보드는 iOS 앱 사용자 인터페이스를 만드는 데 유용한 도구입니다. 프로젝트 탐색기에서 Main_iPad를 선택하십시오. 파일로 구성되며 문서 개요 (분할보기 컨트롤러, 마스터보기 컨트롤러 및 상세보기 컨트롤러)에 여러 개의보기 컨트롤러가 표시됩니다. 스토리 보드 파일의 각보기 컨트롤러는 단일 장면 (장면

iPad에서는 분할보기 컨트롤러 또는 팝 오버 컨트롤러 덕분에 화면에 여러 장면을 가질 수 있습니다. (iPhone에서는 한 번에 한 화면에 하나의 장면 만 볼 수 있습니다.) 문서 개요에서 마스터보기 컨트롤러 - 마스터 장면에서 마스터보기 컨트롤러 옆에있는 펼침 삼각형을 선택하여보기 컨트롤러를 확장하면, 문서 개요가 보이지 않으면 문서 개요 숨기기 / 표시를 사용할 수 있습니다. c ontrol. 스토리 보드 캔버스를 두 번 클릭하거나 줌 컨트롤을 사용하여 스토리 보드를 확대 및 축소 할 수도 있습니다. = 기호는 전체 크기로 스토리 보드를 반환하며, 이는보기를 편집 할 수있는 유일한 방법입니다.

사용자 인터페이스 요소를 추가하려면 문서 개요에 나열된보기 컨트롤러 머리글 아래에서 작업 할보기를 선택합니다.

보기 컨트롤러에 대한 것입니다.

프로젝트 탐색기에서 스토리 보드 파일을 선택하면 인터페이스 작성기가 시작됩니다.이 인터페이스 편집기는 응용 프로그램의 스토리 보드 파일을 편집하는 데 사용하는 편집기입니다. 대부분의 응용 프로그램은 하나의 스토리 보드 파일 만 필요하지만 범용 응용 프로그램을 작성하기 때문에 iPad 사용자 인터페이스 (Main_iPad. 스토리 보드) 및 iPhone 사용자 인터페이스 용 스토리 보드 두 개 (Main_iPhone. 스토리 보드).

생성 한 각 스토리 보드 파일에는 스토리 보드의 시작점 역할을하는 자체 초기보기 컨트롤러 가 있습니다. 응용 프로그램의 기본 스토리 보드 파일에서 초기보기 컨트롤러는 응용 프로그램에서 제공하는 첫 번째보기 컨트롤러입니다.

보기 제어기는 여기에서 큰 kahuna이며, 스토리 보드 파일의 각보기 제어기는 단일 장면을 관리합니다. iPhone 응용 프로그램의 경우 한 화면에서 한 화면의 콘텐츠를 관리하지만 iPad 응용 프로그램의 경우 여러 장면의 콘텐츠를 동시에 화면에 표시 할 수 있습니다.

스토리 보드 파일에 새 장면을 추가하려면 라이브러리의보기 컨트롤러를 스토리 보드 캔버스로 끌어서 이동하면됩니다.그런 다음 컨트롤 및 다른보기 (예: 이미지, 웹 또는 테이블보기)를보기 컨트롤러의보기에 추가 할 수 있습니다.

스토리 보드는 응용 프로그램 전체를 레이아웃 할 수있는 기능 외에도 작성해야하는 코드의 양을 줄입니다. 한 뷰 컨트롤러에서 다른 뷰 컨트롤러로의 전환을 만들고 싶다고합시다. 하나의보기 컨트롤러에서 Control 단추를 누르거나 Table View 셀을 클릭하고 다른보기 컨트롤러로 끌어서 이동하면됩니다.

보기 컨트롤러를 드래그하면 인터페이스 작성기에 구성 가능한 개체로 나타나는 세그먼트 가 생성됩니다. Segues는 내비게이션 및 모달 전환과 같은 UIKit에서 사용할 수있는 모든 전환 유형을 지원합니다. segue를 사용하여 사용자 정의 전환을 정의 할 수도 있습니다.

Interface Builder를 사용하여 사용자 요소 추가

Xcode의 인터페이스 빌더를 사용하면 각보기 컨트롤러에서 사용자 인터페이스를 그래픽으로 배치 할 수 있으므로 스토리 보드를 만들 수 있습니다. Interface Builder를 사용하여 앱의 사용자 인터페이스를 디자인 한 다음 수행 한 작업을 앱에 포함되어 런타임에 앱에로드되는 리소스 파일로 저장합니다.

이 리소스 파일은 윈도우와 앱의 뷰 컨트롤러는 물론 모든 뷰와 컨트롤을 자동으로 생성하는 데 사용됩니다.

Interface Builder를 사용하지 않으려는 경우, 프로그래밍 방식으로 오브젝트를 생성 할 수 있습니다.보기를 작성하고 컨트롤러 및 단추와 레이블 같은 것들을 고유 한 응용 프로그램 코드를 사용하여 볼 수 있습니다.

그렇다면 어떻게 실제로 작은 컨트롤러를 뷰 컨트롤러 장면에있는 뷰로 가져 옵니까? 이를 위해 작업 영역의 또 다른 영역 인 유틸리티 영역을 사용합니다.

툴바에서보기 선택기를 사용하여 유틸리티 영역을 표시하거나 숨 깁니다. 유틸리티 영역은 작업 영역 창의 오른쪽에있는 선택적 영역입니다. 유틸리티 영역을 숨기거나 표시하려면 작업 공간 도구 모음의 오른쪽에있는 뷰 선택기에서 유틸리티 버튼을 클릭합니다.

툴바 버튼 위로 마우스 포인터를 가져 가면 툴팁에 기능이 설명됩니다.