대화 상자 편집기

대화 상자 편집기는 대화 상자 및 스캐폴드를 쉽게 만들고 편집할 수 있는 그래픽 인터페이스를 제공합니다.

작동 방식을 보려면 CRXDE Lite으로 이동하고 탐색기 트리를 /libs/foundation/components/chart로 열고 dialog 노드를 두 번 클릭합니다.

chlimage_1-247

대화 상자 노드는 대화 상자 편집기​에서 열립니다.

screen_shot_2012-02-01at25033pm

사용자 인터페이스 개요

대화 상자 편집기 인터페이스는 다음 네 개의 창으로 구성됩니다.

  • 왼쪽 상단 모서리의 팔레트 이 창에는 탭 패널, 텍스트 필드, 선택 목록 및 단추 등의 대화 상자를 작성하는 데 사용할 수 있는 위젯이 있습니다. 원하는 구분선 막대를 클릭하여 팔레트 내에서 다른 카테고리를 확장할 수 있습니다.
  • 왼쪽 아래 모서리에 있는 구조 창. 이 창에는 대화 상자 정의를 구성하는 노드의 계층 구조가 표시됩니다. CRXDE Lite 또는 CRX Content Explorer에서 대화 상자 노드를 확장하여 동일한 구조를 볼 수 있습니다.
  • 창 중앙에 있는 render 창. 이 창에는 구조 창에 정의된 대화 상자 정의가 실제 대화 상자로 렌더링되는 방식이 표시됩니다.
  • 속성 창. 이 창에는 구조 창에서 현재 강조 표시된 노드의 속성이 표시됩니다.

대화 상자 편집기 사용

대화 상자를 만들려면 사용자가 팔레트에서 구조 창으로 요소를 드래그하여 대화 상자 정의 계층 구조 내의 위치로 놓습니다.

원하는 구조가 완료되면 사용자는 렌더링 창의 맨 위에서 저장​을 클릭합니다.

주의

대화 상자 편집기는 작성을 위해 만들어진 것이므로 비교적 간단한 대화 상자이며 더 복잡한 대화 상자 정의를 편집할 수 없을 수 있습니다. 대화 상자 편집기에서 대화 상자 구조의 편집을 허용하지 않는 경우 CRXDE Lite 또는 CRX 컨텐츠 탐색기와 같이 노드 구조를 직접 편집하여 대화 상자 정의를 수동으로 만들거나 편집해야 합니다.

새 대화 상자 만들기

새 대화 상자를 만들려면 필요한 구성 요소를 선택해야 합니다. 만들기…, 대화 상자 만들기….

필요한 세부 정보를 입력한 다음 모두 저장 을 클릭합니다. 이제 대화 상자를 두 번 클릭하여 편집기로 열 수 있습니다.

스캐폴드에 대한 대화 상자 편집기 사용

Scaffold는 한 단계에서 작성하고 제출할 수 있는 양식이 포함된 특수 페이지입니다. 입력한 컨텐츠를 사용하여 페이지를 빠르게 만들 수 있습니다.

스캐폴드를 구성하는 양식은 다른 양식의 스캐폴딩 페이지에 표시되지만 일반 대화 상자처럼 대화 상자 정의에 의해 정의됩니다. 대화 상자 정의를 사용하여 스캐폴드를 정의하므로 대화 상자 편집기를 사용하여 스캐폴드를 디자인할 수 있습니다. 이러한 방식으로 대화 상자 편집기를 사용할 경우에도 렌더링 창에 스캐폴드가 아닌 대화 상자 형식의 대화 상자 정의가 계속 표시됩니다.

대화 상자 편집기를 사용하여 스캐폴드를 만드는 방법에 대한 자세한 내용은 스캐폴딩 을 참조하십시오.

이 페이지에서는