MVC 패턴을 적용한 WYSIWYG 방식의 편집 Tool 개발[4/5] 5. UI 구성 요소에 의한 작업단계 목적 : 사용자가 컨트롤 할 수 있는 UI적 요소를 제공하여 데이터를 변경할 수 있는 명령을 간접적으로 호출한다. WYSIWYG 방식의 편집 Tool의 개발을 위해선 여러 가지 기능이 필요할 것이다. 간단하게 요약해 보면 다음과 같다. 선택된 객체 표시하는 기능 크기 조절할 수 있는 Resizer (보통 드래그 방식의 유틸) 드래그 위치 이동 기능 개별 속성 관리 창 또는 속성 리스트에서 수정할 수 있는 창 편집에 사용될 수 있는 각종 아이템 선택 창(이미지, 텍스트, 각종 컴포넌트 등…) 제공된 UI 요소로 사용자는 간접적인 방식으로 우리가 미리 준비한 여러 가지 Command 를 호출할 수 있다. 기본적으로 다음과 같은 기능의 Command 가 필요할 것이다. A.. 더보기 MVC 패턴을 적용한 WYSIWYG 방식의 편집 Tool 개발[3/5] 3. 열기(불러오기) 목적 : 파일 시스템 다이얼로그 창 또는 Drag & Drop 방식 등을 통해 불러올 데이터 파일의 경로를 알아낸다. 경우에 따라선 파일 시스템에 임시 저장소(폴더)를 만들고 데이터 복사본을 만들어 이 파일을 사용하는 편이 더 좋을 수도 있다. 아무래도 원본은 저장 명령을 실행했을 때에만 갱신해 주는 것이 여러 가지 Error에 대한 예외상황에 대한 대처 방법으로 원본을 복구할 수 있는 쉬운 방법을 제공해 주기 때문이다. 불러올 파일이 압축파일 형식으로 구성되어 있는 경우 (XML + Asset 폴더 압축 형태) 다음과 같은 처리 방식이 되겠다. 원본 파일 경로 확인 à 임시폴더 생성 à 임시 폴더에 원본 압축 풀기 à 작업(임시 폴더 내 파일 사용) à 저장 à Asset 폴더 정.. 더보기 MVC 패턴을 적용한 WYSIWYG 방식의 편집 Tool 개발[2/5] 그럼 각 단계별로 중요한 사항을 짚어보자. 데이터는 XML로, 데이터 이외에 저장되는 또는 컴파일 되는 파일은 Asset 이란 용어를 사용하겠다. 1. 프로그램 시작 사용자가 프로그램 아이콘을 클릭하는 방식으로 구동시켰다. 프로그램 UI 및 작업 환경을 구성하기 전에 OS 환경, 인터넷 연결 상태, 자동 업데이트가 필요한 상태인지 등의 테스트를 할 수 있다. 2. 작업 환경 세팅 단계 (새 문서) 목적 : 프로그램의 초기화와 UI 화면 구성. 필요한 데이터 준비 새 문서 작업은 Tool을 구동시킨 후 아무 작업도 하지 않은, 즉 사용자 입력을 받지 않은 개발자가 세팅해 놓은 최초의 상태로 화면을 구성한다. 속성 창이나 코드뷰어와 같은 Tool에 필요한 요소들이 생성되고 모두 초기화 되어있다. 설정파일 (.. 더보기 이전 1 ··· 25 26 27 28 29 다음