Question

I’m trying to set the axisStroke style on AxisRenderer via CSS. It’s of type IStroke. How do I create a Stroke in CSS?

Answer 1

Someone 🙂 suggested I should post a link to my InsideRIA about how to “tweak” a CSSStyleDeclaration to add the stroke information so that you don’t have to override AxisRenderer (or have an explicit AxisRenderer at all) http://insideria.com/2010/08/usinc-css-for-strokes-on-flex.html,

Additionally, I’d like to add that I’ve started dealing with custom styles in a way that’s a little different than how the examples show. It looks something like this:

    protected var _myStyleValue:SomeType = someValueThatWouldNeverOccurInNature;
    protected var _myThingTheStyleIsAttachedTo:IStyleClient;
    //set this flag whenever you want to refresh the object
    protected var _myThingTheStyleIsAttachedToChanged:Boolean;

    override protected function commitProperties():void {
        if (_myThingTheStyleIsAttachedToChanged) {
            var myStyleValue:SomeType = getMyStyleValue();
            _myThingTheStyleIsAttachedTo.setStyle('myStyle', myStyleValue);
            _myThingTheStyleIsAttachedToChanged = false;
        }
    }

    override public function styleChanged(styleProp:String):void {
        super.styleChanged(styleProp);
        if (styleProp=='myStyle') {
            _myThingTheStyleIsAttachedToChanged = true;
            _myStyleValue = someValueThatWouldNeverOccurInNature;
        }
    }

    protected function getMyStyleValue():SomeType {
        if (_myStyleValue==someValueThatWouldNeverOccurInNature) {
            var theValue:*=getStyle('myStyle');
            if (theValue==undefined) {
                _myStyleValue=theDefaultValue;
            } else {
                _myStyleValue=theValue as SomeType;
            }
            return _myStyleValue;
        }
    }

It’s a little more verbose than what you usually see, especially if there are multiple properties you need to look at. However, it sidesteps issues about styles applied in MXML vs. CSS style declaration, as well as what happens when a style changes. It’s also “lazy”, and so may not get called if it is not needed.