Rich UI 편집기에서 웹 인터페이스 작성

이 주제에서는 EGL Rich UI 편집기에서 위젯을 추가, 선택, 이동, 삭제하는 방법을 설명합니다. 각 경우에서 디자인 탭을 클릭하여 액세스하는 디자인 화면에서 작업합니다.

여기에 설명된 영향에 대해 학습하려면 “EGL Rich UI 편집기 소개”를 참조하십시오.

위젯 추가

Rich UI 핸들러에 위젯을 추가하십시오.
  1. 팔레트의 위젯 유형을 클릭하고 마우스 왼쪽 단추를 누른 상태를 유지하십시오.
  2. 위젯을 디자인 화면으로 끌어 오십시오.
  3. 위젯을 놓을 위치를 식별할 수 있도록 위젯 배치 안내서를 사용하십시오.
  4. 선택된 놓기 위치에서 마우스 단추를 놓으십시오.

눈금 레이아웃 변경

눈금 레이아웃은 워크벤치를 사용하여 Rich UI 편집기를 작성할 때 사용자에게 자동으로 제공되는 위젯입니다. 눈금 레이아웃에서 빠르게 셀을 삭제하거나 삽입하려면 다음을 수행하십시오.
  1. 눈금 레이아웃에서 셀을 클릭하십시오.
  2. 해당 셀을 마우스 오른쪽 단추로 클릭하십시오.
  3. 셀을 삽입하려는 경우 삽입을 클릭한 후 원하는 옵션을 클릭하십시오. 위에 행 삽입, 아래에 행 삽입, 왼쪽에 열 삽입 또는 오른쪽에 열 삽입
  4. 셀을 삭제하려는 경우 삭제를 클릭하고 원하는 옵션을 클릭하십시오. 또는

눈금 레이아웃 코드화에 대한 세부사항은 “Rich UI GridLayout”을 참조하십시오.

다중 위젯을 겹칠 때 위젯 선택

지정된 영역에서 여러 위젯이 겹치는 경우, 영역을 반복해서 클릭하여 사용 가능한 위젯을 순환시켜 각 위젯이 차례대로 현재의 위젯이 되도록 하십시오. 다음 절에서 설명된 대로 현재 위젯을 이동하거나 삭제할 수 있습니다.

위젯 이동

한 위치에서 다른 위치로 위젯을 이동하십시오.
  1. 디자인 화면의 위젯을 클릭하고 마우스 왼쪽 단추를 누른 상태를 유지하십시오.
  2. 위젯을 원하는 위치로 끌어 오십시오.
  3. 위젯을 놓을 위치를 식별할 수 있도록 위젯 배치 안내서를 사용하십시오.
  4. 선택된 놓기 위치에서 마우스 단추를 놓으십시오.

위젯 삭제

위젯을 삭제하십시오.
  • 위젯을 클릭하고 삭제 키를 누르십시오.
  • 위젯을 마우스 오른쪽 단추로 클릭하고 팝업 메뉴에서 삭제를 선택하십시오.

삭제는 핸들러 특정 initialUI 특성 또는 컨테이너 위젯 특정 children 특성에서 위젯에 대한 참조를 제거하지만 Rich UI 핸들러에서 위젯 선언을 제거하지는 않습니다.