대화 상자 편집기

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

작동 방식을 보려면 CRXDE Lite으로 이동하여 /libs/foundation/components/chart에 대한 탐색기 트리를 연 다음 dialog 노드를 두 번 클릭하십시오.

chlimage_1-247

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

screen_shot_2012-02-01at25033pm

사용자 인터페이스 개요

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

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

대화 상자 편집기 사용

대화 상자를 만들기 위해 사용자는 팔레트에서 구조 창으로 요소를 드래그하여 대화 상자 정의 계층 구조 내 위치로 드롭합니다.

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

주의

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

새 대화 상자 만들기

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

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

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

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

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

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

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now