iPhone의 인터페이스 마법사 스타일

Question

iPhone 용 마법사 스타일 인터페이스를 구현하는 방법은 무엇입니까?

예를 들어, 을 하나의 페이지 또는보기로 채우기 위해 모든 정보를 입력하는 대신에 다른 페이지 또는보기로 분류하려는 양식이 있습니다.

이 인터페이스는 그들이이 인터페이스는 직접 3 페이지로 이동 할 수있는 능력이 있어야합니다 4 페이지

에있을 때 2 페이지에 뭔가를 변경 원하는 이전 또는 경우에 다음 갈 수있는 능력이 있어야하며 여전히 가 될 수 있습니다. UINavigationController을 사용하는 것 같으면보기가 작동하지 않으므로보기 1과 2가 스택에 없으므로 prev가 작동하지 않습니다.

업데이트 : "gas cubby"애플리케이션을 확인하십시오. 그것은 내가 찾고있는 것이 있습니다. UITableView는 귀하가 작성할 수있는 항목을 표시합니다. 행을 선택하면 세부 정보보기로 이동하여 데이터를 입력하고 이전 및 다음에 다른 정보를 입력 할 수 있습니다.

Answer 1

UINavigationController는 명백한 솔루션처럼 보입니다. 그것은 당신에게 친숙하고 친숙한 페이지 전환을 무료로 제공합니다. 특정 페이지로 이동해야하는 경우 전환 애니메이션을 사용하지 않고 탐색 스택을 설정할 수 있습니다.

Answer 2

내비게이션 컨트롤러 사용이라고 말하고 싶습니다. 첫 번째보기에서 표보기에 5 개의 옵션을 표시하십시오. 사용자가 행을 선택하면 해당 섹션이 새 UIViewController로 스택에 푸시됩니다. 그래서, 뷰 3에 있고보기 # 1로 돌아가고 싶다면 (솔직히 현실 세계의 누군가가 실제로 이것을 원할 것인지 아닌지 다시 생각해 보는 것이 좋습니다.), 그들은 "뒤로"그리고 나서 보기 # 1을 테이블에서 선택하십시오.

당신이 빵 부스러기 같은 것을 할 여지가 없기 때문에 더 좋은 방법이라고 생각할 수는 없습니다. 애플은 어쨌든 그것을 추천 할 것입니다. 탭 표시 줄을 사용할 수도 있지만 옵션과 비슷하고 마법사 워크 플로우와 비슷합니다.

Answer 3

실제로 프로세스를 건너 뛸 수있게하려면 UISegmentedControl과 함께 UINavigation 컨트롤러를 조합하여 섹션으로 이동하면 원하는 작업을 수행 할 수 있습니다. 분할 된 컨트롤을 탐색 막대에 포함하거나 탐색 막대 바로 아래에 배치 할 수 있습니다 (5 개의 섹션이 있기 때문에 원하는대로 표시됨).

Segmented 컨트롤이 사용자의 취향에 맞지 않는 경우 섹션을 변경하고 시각적으로 매력적으로 만들기 위해 5 개의 버튼 집합을 지정하십시오.

Answer 4

"마법사"UI는 일반적으로 하나의 단계가 이전 단계에 따라 달라지는 단계가 비교적 적은 경우에 사용됩니다. 적어도 일부 단계에서는 결과 또는 프레젠테이션이 이전 단계에 따라 달라집니다. 이것은 네비게이션 트리와 비슷하지만 일반적으로 네비게이션 컨트롤러를 사용하지만 각 단계마다 하나의 잠재적 인 분기 만 사용합니다. 내 느낌은 탐색 UI가 완벽하지만 한 가지 예외가 있습니다. 내비게이션 막대의 오른쪽에있는 단추는 왼쪽에서 오른쪽입니다. 일반적으로 탐색 단추의 왼쪽 부분에있는 "뒤로"단추의 이미지입니다. 버튼은 다음 단계로 이동하며, 각 단계에서 제시되는 페이지는 사용자가 해당 단계의 정보를 입력 할 수있게합니다. 유일한 문제는 다음 또는 이전 단계가 아닌 단계로 이동하는 것입니다.이 단계는 프로세스의 단계 드롭 다운 목록이 포함 된 사용자 정의 단추를 사용하여 수정할 수 있습니다. 그리고 이것은 iPhone UI의 나머지 부분과 잘 어울리 며, Gas Cubby의 마법사 UI (그만큼 좋음)는 그렇지 않습니다.