Flex 2 개발 가이드 > 유저 인터페이스의 커스터마이즈 > 스킨의 사용 > 스키닝에 대해

스키닝에 대해

"스키닝 " 란, 컴퍼넌트의 비주얼 엘리먼트를 수정 또는 치환하는 것으로 외관을 변경하는 처리입니다. 이러한 엘리먼트를 구성하는 것은, 이미지, SWF 파일, 또는 묘화 API 메소드가 포함되는 class 파일 등입니다.

스킨에서는, 다양한 상태의 컴퍼넌트 전체 또는 그 일부가 정의됩니다. 예를 들어, 버튼에는 많은 스킨이 있어, 각 스킨은 버튼 상태를 나타내고 있습니다. 스킨에는 downSkin, upSkin, 및 overSkin 가 있어, 각각 버튼을 눌렀을 때, 떼어 놓았을 때, 및 마우스를 버튼상에 두었을 때에 버튼이 어떻게 표시되는지를 나타냅니다. 이러한 3 개의 디폴트 스킨은, 다음과 같이 표시됩니다.

Flex 컴퍼넌트에 스킨을 추가하는 방법은 2 종류 있습니다. 그것은, 그래피컬하게 추가하는 방법과 프로그램으로 추가하는 방법입니다. 그래피컬 스킨은 스킨의 외관을 정의하는 이미지입니다. 이러한 이미지로서 JPEG 파일, GIF 파일, PNG 파일을 사용할 수 있는 것 외에 SWF 파일에 포함된 심볼을 사용할 수도 있습니다.

프로그램 스킨은, ActionScript 명령문(statement)를 사용해 묘화 하는 스킨이며, class 파일로 정의합니다. 프로그램 스킨을 사용하는 컨트롤의 외관을 변경하려면 , ActionScript 클래스의 파일을 편집해, Flex 어플리케이션을 사용해 컴파일 합니다.

프로그램 스킨의 이점의 1 개는, 스타일을 보다 유연하게 제어할 수 있는 것입니다. 예를 들어, 스타일 시트나 그래피컬 스킨에서는,Button 컨트롤의 모퉁이의 둥그스름 반경을 제어할 수 없습니다. Adobe Flash 등의 그래픽 툴을 사용하지 않아도, Flex 오쏘링 환경이나 임의의 텍스트 문자 편집기로, 프로그램 스킨을 직접 개발할 수도 있습니다. 프로그램 스킨에는 외부의 이미지 파일이 짜넣어지지 않기 때문에, 메모리의 소비량이 적다고 하는 특성이 있습니다.

스킨용의 Resource

Flex 2 에는, 다음에 나타내는 스킨용의 그래픽 원시 파일 및 프로그램 원시 파일이 있습니다.

mx.skins 패키지의 기본 스킨 클래스 이러한 추상 스킨 클래스에서는, Flex 에 있어서의 스킨 클래스의 기본적인 기능을 정의합니다. 상세한 것에 대하여는,프로그램 스킨을 참조해 주세요.

mx.skins.halo 패키지의 플러그 램 Halo 스킨 이러한 구상 스킨 클래스는, mx.skins 패키지의 기본 스킨 클래스를 확장한 것입니다. 이러한 스킨을 확장 또는 편집해, Flex 의 디폴트의 외관과 조작성에 근거해, 신규의 프로그램 스킨을 작성할 수 있습니다. 상세한 것에 대하여는,프로그램 스킨을 참조해 주세요.

HaloClassic 스킨 이러한 스킨은 Flex 1. x 로 사용되고 있던 것입니다. 이러한 스킨을 사용하면, Flex 1. x 어플리케이션의 외관을 유지할 수 있습니다. "HaloClassic.swc" 파일은, framework/themes 디렉토리내에 있습니다. 상세한 것에 대하여는,테마에 대해를 참조해 주세요.

그래피컬 Aeon 테마 Aeon 테마는, "AeonGraphical.css" 파일, 및 스킨 심볼을 정의하는 "AeonGraphical.swf" 파일로 구성됩니다. 이러한 파일은, "framework/themes" 디렉토리에 있습니다. 게다가 Flex 는, "AeonGraphical.swf" 파일의 FLA 원시 파일도 갖추고 있습니다. 상세한 것에 대하여는,테마에 대해를 참조해 주세요.

Flex 의 외관과 조작성을 기본으로 이러한 파일을 사용해 스킨을 작성하는지, 이 주제의 지시에 따라 독자적인 스킨을 작성할 수 있습니다.

스키닝의 상세한 것에 대하여는,www.adobe.com/go/flex2_skinning 를 참조해 주세요.