Flex 2 개발 가이드 > 유저 인터페이스의 커스터마이즈 > 스킨의 사용 > 프로그램 스킨

프로그램 스킨

이 섹션에서는, 프로그램 스킨을 ActionScript 클래스로서 기술하는 방법, Flash Graphics (flash.display. Graphics ) 패키지의 기본 묘화 메소드를 사용하는 방법, 및 이러한 스킨을 Flex 컨트롤에 적용하는 방법에 대해 설명합니다.

Flex 에 부속의 프로그램 스킨을 수정해 사용할 수 있는 것 외에 독자적인 스킨을 작성할 수도 있습니다. 기존 스킨의 수정의 상세한 것에 대하여는,스킨용의 Resource를 참조해 주세요. 프로그램 스킨의 레시피의 사용 방법의 상세한 것에 대하여는,프로그램 스킨의 레시피를 참조해 주세요.

프로그램 스킨을 작성한 후는, 컴파일 합니다. 프로그램 스킨의 컴파일을 참조해 주세요.

컴파일 한 프로그램 스킨은, Flex 어플리케이션의 컴퍼넌트에 적용할 수 있습니다. 다음의 예와 같이, CSS 를 사용해 스킨을 적용할 수 있습니다.

Button {
    upSkin:ClassReference('MySkin');
    downSkin:ClassReference('MySkin');
    overSkin:ClassReference('MySkin');
    disabledSkin:ClassReference('MySkin');
}

인 라인 문장구조법 또는 setStyle() 메소드를 사용할 수도 있습니다. 상세한 것에 대하여는,프로그램 스킨의 적용을 참조해 주세요.

Flex 컴퍼넌트로 사용하는 프로그램 스킨은, mx.skins.halo 패키지에 거둘 수 있고 있습니다. 이러한 스킨은 모두, 추상 기본 클래스의 어느쪽이든을 확장한 것입니다. 추상 기본 클래스에는,ProgrammaticSkin ,Border , 및 RectangularBorder 가 있습니다. 예를 들어, Button 컨트롤의 외관과 조작성을 변경하려면 , 추상 class ProgrammaticSkin 를 확장해, Button 컨트롤로서의 논리를 추가합니다.

이 섹션으로 설명한 수법을 사용하면, 기본 스킨 클래스외, 디폴트의 Halo 테마에 있는 모든 스킨을 확장할 수 있습니다.