Show Menu
화제×

대화 상자 편집기

대화 상자 편집기는 대화 상자와 스캐폴드를 손쉽게 만들고 편집할 수 있는 그래픽 인터페이스를 제공합니다.
작동 방식을 확인하려면 CRXDE Lite로 이동하여 탐색기 트리를 열고 노드를 두 번 /libs/foundation/components/chart 클릭합니다. dialog
대화 상자 노드가 대화 상자 편집기에서 ​열립니다.

사용자 인터페이스 개요

대화 상자 편집기 인터페이스는 다음 네 개의 창으로 구성됩니다.
  • 왼쪽 위 모서리에 있는 팔레트입니다 . 이 창에는 탭 패널, 텍스트 필드, 선택 목록 및 버튼과 같은 대화 상자를 작성하는 데 사용할 수 있는 위젯이 포함되어 있습니다. 원하는 분할자 막대를 클릭하여 팔레트 내에서 다른 카테고리를 확장할 수 있습니다.
  • 왼쪽 아래에 있는 구조 창 이 창에는 대화 상자 정의를 구성하는 노드의 계층 구조가 표시됩니다. CRXDE Lite 또는 CRX Content Explorer에서 대화 상자 노드를 확장하면 동일한 구조를 볼 수 있습니다.
  • 창 중앙에 있는 렌더링 창 이 창에는 구조 창에 정의된 대화 상자 정의가 실제 대화 상자로 렌더링되는 방법이 표시됩니다.
  • 속성 창입니다 . 이 창에는 구조 창에서 현재 강조 표시된 노드의 속성이 표시됩니다.

대화 상자 편집기 사용

대화 상자를 만들기 위해 사용자는 팔레트에서 구조 창으로 요소를 드래그하여 대화 상자 정의 계층 구조 내의 위치로 드롭합니다.
원하는 구조가 완료되면 사용자는 렌더링 ​창의 맨 위에 있는 저장을 클릭합니다.
대화 상자 편집기는 작성용으로는 비교적 간단한 대화 상자이며 보다 복잡한 대화 상자 정의를 편집할 수 없습니다. 대화 상자 편집기가 대화 상자 구조 편집을 허용하지 않는 경우 CRXDE Lite 또는 CRX 컨텐츠 탐색기 등과 같이 노드 구조를 직접 편집하여 대화 상자 정의를 직접 만들거나 수동으로 편집해야 합니다.

새 대화 상자 만들기

​필요한 구성 요소를 선택해야 하는 새 대화 상자를 만들려면 만들기... 를 클릭합니다.대화 ​상자 만들기....
필요한 세부 정보를 입력한 다음 모두 저장을 클릭합니다. 이제 대화 상자를 두 번 클릭하여 편집기에서 열 수 있습니다.

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

Scaffold는 한 번에 입력하고 제출할 수 있는 양식을 포함하는 특수 페이지입니다. 이렇게 하면 입력한 컨텐츠를 사용하여 페이지를 빠르게 만들 수 있습니다.
Scaffold를 구성하는 양식은 다른 양식의 Scaffolding 페이지에 표시되지만 일반 대화 상자와 마찬가지로 대화 상자 정의에 의해 정의됩니다. 대화 상자 정의는 Scaffold를 정의하는 데 사용되므로 대화 상자 편집기를 사용하여 스캐폴드를 설계할 수 있습니다. 이 방식으로 대화 상자 편집기를 사용할 경우 렌더링 창에 여전히 스캐폴드가 아닌 대화 상자의 형태로 대화 상자 정의가 표시됩니다.
대화 상자 편집기를 사용하여 스캐폴드를 만드는 방법에 대한 자세한 내용은 스캐폴딩을 참조하십시오.