MVC 패턴을 적용한 WYSIWYG 방식의 편집 Tool 개발[1/5] 포토샾이나 드림위버와 같은 WYSIWYG 방식의 Application (Tool) 제작을 위해 필요한 개발 패턴을 사용자가 Tool을 사용하여 실제 작업하는 흐름에 초점을 맞추어 분석해 본다. 디자인 툴의 일반적인 작업방식은 Tool의 목적과 특성에 따라 각각 다르겠지만 큰 틀에서 보자면 다음과 같은 공통된 task를 포함하고 있다. ① 프로그램 시작 ② 작업 환경 세팅단계 (새 문서) ③ 새 데이터 생성 또는 데이터 불러오기 ④ UI 구성 요소에 의한 추가, 제거, 수정 작업단계 : Command 발생 ⑤ 데이터 생성 및 수정 단계 : Model 수정 ⑥ 화면 업데이트 단계, : View 업데이트 ⑦ 저장 단계 (데이터, Asset 파일 가공 후 저장) ⑧ 컴파일 단계 ⑨ 닫기 또는 종료 간단하게 위에.. 더보기 UI가 적용된 Application에서 데이터(MXML) 생성-저장-저장파일 불러오기 과정 정리 속성창 세팅을 위한 Catalog XML 파일 n 내용 : ① 컴포넌트 클래스 정보 (인스턴스 생성에 필요한 정보) ② 사용자가 UI에 의해 변경 가능한 Property 리스트, Event 리스트, Style 리스트 n 사용처 : ① Application 에서 Component 선택 변경시 컴포넌트의 속성창 UI 세팅 할 때 ② 데이터 Node를 생성 할 때 ③ MXML 데이터의 attribute을 생성 할 때 Catalog XML 파일의 예 : (주) 화면상에 Display 되는 컴포넌트의 선택 상황과 데이터(MXML)에서 가리키는 Node와는 항상 동기화 되어야 한다. 히스토리 기능(undo, redo)을 위해 MVC 패턴에 따라 순서가 결정된다. select 관리, Asset 관리, History .. 더보기 이전 1 ··· 26 27 28 29 다음