플렉스 3의 스킨 버튼 방법?

Question

호기심에서 벗어나 플렉스 앱의 모든 부분을 최적화하기 위해 노력하고 있습니다. 현재, 모든 버튼/스킨을 최적화하려고합니다. 내가 사용하는 몇 개의 단추와 이들을 생성하는 데 사용하는 몇 가지 샘플 코드를 연결했습니다.

더 효율적이고 사용 가능하며 전반적으로 개선하는 방법에 대해 조언 해주십시오. 감사!

당신이 볼 수 있듯이, 우리의 버튼은 매우 다를 수 있지만, 비슷한 모양과 느낌을 할 수 있습니다. 현재, 나는 이런 식으로 뭔가 설정하여 '상태 스킨'을 만드는 오전 : 다음

skin: ClassReference('com.mysite.assets.skins.NavigationButtonSkin'); 

을 NavigationButtonSkin은 다음과 같이 보입니다 : 나는 직진 부품의 일부를 주석

public class NavigationButtonSkin extends UIComponent { 

    // imports, constructor, etc 

    protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { 

    // initialize fillColors, fillAlphas, roundedCorners, etc 

    switch(name){ 
     case 'upSkin': 
     fillColors = [getStyle('backgroundColor'),getStyle('backgroundColor2')];  
     break; 
     // do the same for overSkin, downSkin, disabledSkin, etc 
    } 

    // use this.graphics to draw background 
    // use this.graphics to draw border on top of background 

    } 

} 

을하지만, 이 작업이 불량/비효율적 인 방법인지 그리고 개선 방법인지 알려주십시오.

감사합니다.

Answer 1

성능 측면에서 보면 UIComponent 대신 ProgrammaticSkin에서 피부를 상속하는 것이 좋습니다. ProgrammticSkin 자체는 Shape에서 상속되며 verticalGradientMatrix, drawRoundRect 등의 스키닝을위한 유틸리티 메소드를 제공합니다.

그게 내가 말할 수있는 모든 것입니다.

좋은 점은 비트 맵/스킨 기반 스킨 대신 프로그래밍 방식 스킨을 사용한다는 것입니다.

Answer 2

좋아, 나는 당신이 이걸 가지고 어디로 가는지 알지 못한다. 네가 제대로하고 있는지 알고 싶을 뿐이야? 나는 당신의 skin: ClassReference('com.mysite.assets.skins.NavigationButtonSkin');이 좋은 CSS의 CSS에 추가되었다고 추측하고 있지만, 나는 보이지 않는다. 왜 당신은 그것을 Actionscript에서 모두하고있다. 비효율적이며 본질적으로 mxml 레이아웃의 모든 기능을 잃어 버리고 Catalyst에 대한 지원 (앞으로 필요하다면)이 될 것입니다.

Flash Builder에서 스킨을 만들면 기본 버튼 스킨이있는 MXML이 만들어지고 원하는대로 편집 할 수 있습니다. 또한 ActionScript를 통해 mxml을 사용하여 상태 기반 디자인을하는 것이 더 쉽습니다. 거기에서 수정해야하며 각 버튼 유형에 대해 별도의 스킨이 있어야합니다.

편집 : 오, 젠장,이게 플렉스 3이 아니야 ... 프로그램에 참여하기.) 플로리안의 말을 들어라.