편집/추가 기능을 사용하여 계층 적 응용 프로그램 디자인

Question

조리법 및 재료를 저장하는 간단한 응용 프로그램을 사용하십시오. 응용 프로그램은 조리법을 추가, 삭제 및 편집 (간단히 이름 변경) 할 수 있어야합니다. 각 레서피에 대해 재료를 추가, 삭제 및 편집 할 수 있습니다 (이름 및 기타 기본 세부 정보). 각 재료에는 또한 표시 할 수있는 것보다 다른 세부 사항이 있습니다.

이것은 명확하게 계층 적으로 보이므로 UINavigationController로 시작합니다. 레시피 목록을 표시하여 레시피 목록을 표시합니다. 레시피 목록을 통해 재료를 상세하게 분석하고 재료의 세부 정보까지 드릴 다운 할 수 있습니다.

그러나 이것을 제공하는 간단한 방법이 보이지 않으며 도 추가/수정/삭제 기능이 있습니다. 최상위 레서피 화면을 가져옵니다. 나는 하나의 '자리'가 버튼 (화면 상단에 네비게이션 아이템의 오른쪽 - 왼쪽은 '뒤로'버튼을위한 것입니다)을 배치했습니다. 이 버튼을 '추가'버튼으로 만들면 사용자가 기존의 래서 피의 이름을 어떻게 바꿀 수 있습니까? '편집'버튼 인 경우 삭제 아이콘을 표시 할 수 있으며 요리법을 선택하면 재료를 드릴 다운하는 대신 이름을 변경하는 화면이 표시되지만 이제는 새로운 요리법을 추가 할 방법이 없습니다. .

I는 바닥 툴바를 사용하여 고려

하지만

이 후, 툴바 탐색 컨트롤러 도면에 첨가 된 경우 간단한 버튼

b) 그것을 부동산을 많이 이용하는)

탐색 계층 구조의 모든 뷰에 추가됩니다. 이는 해당 툴바의 동작이 변경되지 않는다는 것을 의미합니다 (예 : Apple의 이메일 애플리케이션, 탐색 계층의 위치에 관계없이 툴바에 항상 '작성'버튼이 포함됨). 그것은 현재의 시각에 묶이지 않고 '상위 레벨'에있는 것처럼 보입니다.

여기서 관찰 할 표준 패턴이 있습니까? 그리고 모든 수준에서 추가/수정/삭제할 수있는 기능을 갖춘 계층 적 데이터 표시 기능을 포함하는 잘 디자인 된 앱의 예는 무엇입니까?

Answer 1

연락처 앱의 디자인을 복사 할 수 있습니다.

루트 탐색보기에는 새 조리법을 추가하기위한 오른쪽 막대 버튼이 있습니다. 아래에 이전에 추가 된 레서피를 나열하는 테이블 뷰가 있습니다. 셀을 탭하면 조리법에 대한 세부 정보가 제공됩니다. 세부 탐색보기에는 수정 단추가 오른쪽 막대 단추로 있습니다. 편집을 사용하면 조리법을 삭제하고 재료를 변경할 수있는 옵션이 제공됩니다. 그러면 새 항목 오른쪽 막대 버튼과 테이블보기의 재료 항목 목록이있는 새로운 탐색보기가 나타납니다.

마찬가지로 원하는 수준까지 얻을 수 있습니다.

계층 구조의 예 :

1. 조리법은 오른쪽 도구 모음 항목 및 조리법 항목 세포에서 추가 버튼을 볼 수
   . 래서 피 셀을 탭하면 상세 뷰가 푸시됩니다. 2.
2. 편집 모드의 편집 버튼이있는 래서 피 상세보기. 편집 모드에서는 조리법 삭제 버튼과보기 3을 푸시하는 인 트리 언트 버튼이 있습니다.
3. 추가 버튼과 인 그리다 항목 셀이있는 성분보기. 셀을 탭하면보기가 누락됩니다.
4. 편집 버튼이있는 성분 상세보기. 기타 등등.

내 일반적인 생각이지만 특정 상황에 맞게 수정하면됩니다. 편집이 상황을 조금 분명히하기를 바랍니다.

Answer 2

체크 아웃 사과 샘플 코드, 코어 조리법 앱. 그게 정확히 당신이 설명하는 것. 그것은 CoreData를 사용하고 그것에 대해 배울 수있는 좋은 방법입니다. 아이폰 버전