Rich UI 모양을 위한 환경 설정 설정

다음과 같이 Rich UI 편집기의 모양 설정을 시작하십시오.
  1. 기본 메뉴에서 > 환경 설정을 클릭하십시오. 환경 설정 대화 상자가 표시됩니다.
  2. EGLRich UI를 펼친 후 모양을 클릭하십시오. 모양 페이지가 다음 세 탭과 함께 표시됩니다. 일반, 브라우저 크기, 언어
각 탭을 차례로 설명합니다. 탭 완료 시 다음을 수행하십시오.
  1. 모양 분할창의 설정을 원래 제품 설정으로 리턴하려면 기본값 복원을 클릭하십시오.
  2. 적용을 클릭하여 변경사항을 저장하고 환경 설정 대화 상자에 남으십시오. 또는 확인을 클릭하여 변경사항을 저장하고 대화 상자를 종료하거나 취소를 클릭하여 변경사항을 취소하고 대화 상자를 종료하십시오.

일반 탭

일반 탭에서 다음을 수행하십시오.
  1. 편집기 탭 섹션에서 디자인, 소스 또는 미리보기를 선택하여 Rich UI 편집기를 열 때마다 처음에 사용할 탭을 표시하십시오.
  2. 위젯 작성 섹션에서 팔레트의 위젯을 디자인 화면으로 끌어올 때마다 Rich UI 편집기가 변수 이름에 대해 프롬프트를 표시해야 하는지 여부를 표시하십시오. 선택란을 선택 취소하는 경우 Rich UI 편집기가 연속적으로 지정된 정수가 뒤에 오는 위젯 유형 이름(예제: 단추)인 고유한 변수 이름을 작성합니다. 예를 들어, 지정된 이름은 Button1, Button2, Box1 등이 될 수 있습니다.
  3. 투명성 섹션에서 투명성 제어(위젯이 Rich UI 편집기의 디자인 탭에 표시되는 방법에 따라 다름)를 처리하는 방법을 표시하십시오. 투명성 제어는 서로 가까운 다수의 위젯이 있는 디자인 화면에서 작업 중인 경우 특히 유용합니다.

    디자인 화면은 두 계층으로 구성됩니다. 맨 아래 계층은 초기 텍스트 값이 포함된 위젯을 표시하는 웹 브라우저입니다. 맨 위 계층은 각 위젯의 각 모서리에 꺾쇠괄호가 포함된 편집 오버레이입니다. 최상위 계층의 배경에는 다음과 같은 특징이 있을 수 있습니다. 투명 또는 흰색 및 투명 점 패턴 또는 (Windows 플랫폼의 경우) 다양한 투명도 레벨을 가진 흰색 계층.

    모양 분할창에서 제공된 투명성 옵션은 편집기를 열 때마다 Rich UI 편집기의 동작에 영향을 미칩니다. 그러나 편집기에서 작업 중인 경우 편집 세션에 사용되는 투명성 옵션을 변경할 수 있습니다. 옵션은 다음과 같습니다.
    1. 투명성 제어 표시 선택란을 선택하거나 선택 취소하여 투명성 제어를 표시할지 여부를 표시하십시오. Rich UI로 작업을 시작하는 경우 이 환경 설정의 기본 설정과 같이 제어를 숨기는 것을 선호할 수 있습니다.
    2. 그런 다음 디자인 화면 맨 위 계층의 배경에 영향을 미치는 다음 투명성 모드 중 하나를 선택하십시오.
      • 완전 투명은 배경이 투명함을 의미합니다.
      • 점 투명성 패턴은 배경이 흰색이고 투명한 점 패턴임을 의미합니다. 모니터의 주사율로 패턴이 희미해질 수 있습니다.
      • Windows 플랫폼에서 변수 투명성은 배경이 다양한 투명성 레벨을 가진 흰색 계층임을 의미합니다. 슬라이더의 숫자 값을 변경하여 레벨을 변경합니다. 이전에 설명한 점 투명성 패턴은 38%의 변수 투명성 패턴과 거의 유사합니다.
    3. 끄는 동안 반투명성 사용이라는 이름의 선택란은 위젯을 팔레트로부터 디자인 화면으로 끌거나 디자인 화면의 한 위치에서 다른 위치로 끌 때 일시적인 투명성 모드를 사용할 수 있도록 합니다. 선택란을 선택하면 임시 모드가 점 투명성 패턴임을 의미합니다. 선택란을 선택 취소하는 것은 일반적인 투명성 모드가 계속 적용됨을 의미합니다. 일반 투명성 모드가 점 투명성 패턴인 경우 선택란에 영향이 없습니다.
  4. 색상 섹션에서 다음 문제에 대한 세부사항을 지정하십시오.
    • 현재 선택한 위젯의 경계
    • 디자인 화면에서, 하나의 위치에서 다른 위치로 또는 팔레트에서 디자인 화면으로 끌어오는 위젯의 잠재적인 놓기 위치
    • 끌어서 놓기 조작 중에 위젯이 떠 있는 잠재적인 놓기 위치인 선택된 놓기 위치

    경계 및 각 위채의 경우 인접 단추를 클릭하여 색상 대화 상자를 표시할 수 있으며 여기서 색상을 선택하거나 정제할 수 있습니다. 또한 경계 및 선택한 놓기 위치에 대해 선택란을 선택 또는 선택 취소하여 표시된 패턴을 포함시키거나 제외시킬 수 있습니다.

  5. 성능 섹션에서 메모리와 같은 런타임 자원의 적은 사용량 또는 더 빠른 응답성에 대해 사용자의 현재 요구사항을 반영하는 단일 선택 단추를 선택하십시오. 더 적은 자원을 사용하도록 최적화를 선택하면 디자인 또는 미리보기 탭을 선택하는 경우 컨텐츠를 표시하는 데 필요한 시간이 늘어납니다.
  6. Visual Editor에서 사용할 렌더링 엔진 선택 섹션에서 다음 태스크 중 하나를 수행하십시오.
    • Mozilla 렌더링 엔진을 사용하여 Visual Editor에서 위젯을 표시하려는 경우 Mozilla XULRunner를 선택하십시오. 이 엔진은 Firefox 및 기타 Mozilla 애플리케이션의 파트입니다. (Rich UI에 Firefox 버전 3 이상이 필요함을 참고하십시오.)
    • Microsoft Internet Explorer 렌더링 엔진을 사용하려는 경우 Microsoft Internet Explorer를 선택하십시오.

브라우저 크기 탭

브라우저 크기 탭에서 휴대전화와 같은 특정 디바이스 유형에 적합한 브라우저 크기를 설정합니다. 특히, Rich UI 편집기를 열 때마다 적용 중인 옵션을 설정합니다. 그러나 편집기에서 작업 중인 경우 편집할 파일에 대해 브라우저 크기 옵션을 변경할 수 있습니다.

옵션은 다음과 같습니다.
  1. 브라우저 크기 제어 선택란을 선택 또는 선택 취소하여 Rich UI 편집기에서 파일을 열 때 제어를 표시할지 여부를 표시하십시오. Rich UI로 작업을 시작하는 경우 이 환경 설정의 기본 설정과 같이 제어를 숨기는 것을 선호할 수 있습니다.
  2. 슬라이더의 숫자 값을 변경하여 기본 높이 및 너비를 픽셀로 지정하십시오. 사용자가 설정하는 기본값은 Rich UI 편집기에서 처음에 제공되는 브라우저 크기가 됩니다. 마찬가지로 슬라이더의 숫자 값을 변경하여 Rich UI 편집기에서 여는 파일에서 유효한 최소 및 최대 높이와 너비를 지정하십시오. 모양 페이지로 돌아가서 최대 및 최소를 변경할 수 있습니다.

언어 탭

언어 탭에서 외부 브라우저 또는 Rich UI 편집기의 미리보기 탭에서 Rich UI 애플리케이션을 실행할 때 사용할 메시지를 판별하는 값을 지정합니다. 로케일 사용에 대한 세부사항은 표시 가능한 텍스트의 특성 파일 사용을 참조하십시오.

언어 탭에서 작업할 때 Rich UI의 환경 설정 설정에서 설명된 대로 Rich UI 분할창에 나열되는 로케일 중에서 선택합니다. 태스크는 다음과 같습니다.
  1. 런타임 메시지 로케일 목록 상자에서 EGL 런타임이 제공하고 사용자가 사용자 정의하는 특성 파일에 포함된 메시지와 다른 EGL 런타임 메시지의 로케일을 선택하십시오.
  2. Rich UI 핸들러 로케일 목록 상자에서 사용자 정의하는 특성 파일(있는 경우)에 포함된 메시지의 로케일을 선택하십시오.