祖先コンポーネントから継承されたスタイルのデフォルト値をオーバーライドしたい[flex4]

Question

サブクラスに[Style ...]メタデータタグを追加すると、showPromptWhenFocusedにMXMLからアクセスでき、initializeStyles （）関数は、デフォルト値をtrueに正常に変更しません。

showPromptWhenFocusedを希望する場合はfalseに設定することができますが、デフォルト値をtrueにします。

package com.santacruzsoftware.crafting.controls 
{ 
import mx.core.FlexGlobals; 
import mx.styles.CSSStyleDeclaration; 
import mx.styles.StyleManager; 

import spark.components.TextInput; 

[Style(name="showPromptWhenFocused", inherit="yes", type="Boolean")] 

public class WatermarkTextInput extends TextInput 
{ 
    private static function initializeStyles() : void 
    { 
     var style : CSSStyleDeclaration = FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration("showPromptWhenFocused"); 
     if (!style) 
      style = new CSSStyleDeclaration(); 

     style.defaultFactory = function() : void 
     { 
      this.showPromptWhenFocused = true; 
     } 

     FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration("showPromptWhenFocused", style, false); 
    } 
    //call the static function immediately after the declaration 
    initializeStyles(); 
} 
} 

Answer 1

あなたはWaterMarkTextInputスタイル宣言得ることができるので、あなたは、自分のクラスの名前にgetStyleDeclaration()パスを呼び出す：

var style : CSSStyleDeclaration = FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration("WatermarkTextInput"); 

をそして、あなたのクラスのスタイルを設定し、同じことを実行します。

を

FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration("WatermarkTextInput", style, false); 

Answer 2

notifyStyleChangeInChildren()をオーバーライドしてください。

package com.santacruzsoftware.crafting.controls { 

    import mx.core.FlexGlobals; 
    import mx.styles.CSSStyleDeclaration; 
    import mx.styles.StyleManager; 

    import spark.components.TextInput; 

    [Style(name="showPromptWhenFocused", inherit="yes", type="Boolean")] 
    public class WatermarkTextInput extends TextInput { 

     public var inheritStyles:boolean = true; 

     private static function initializeStyles():void { 
      var style : CSSStyleDeclaration = FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration("showPromptWhenFocused"); 
      if (!style) 
       style = new CSSStyleDeclaration(); 

      style.defaultFactory = function():void { 
       this.showPromptWhenFocused = true; 
      } 

      FlexGlobals.topLevelApplication.styleManager.setStyleDeclaration("showPromptWhenFocused", style, false); 
     } 

     //call the static function immediately after the declaration 
     initializeStyles(); 

     public override function notifyStyleChangeInChildren(styleProp:String, recursive:Boolean):void { 
      if (!inheritStyles) { 
       switch(styleProp) { 
        case 'showPromptWhenFocused': 
         return; 
       } 
      } 
      super.notifyStyleChangeInChildren(styleProp, recursive); 
     } 

}