Comments on: Displaying different fonts in a Spark List control in Flex 4 http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 19:26:49 +0000 hourly 1 By: Peter deHaan http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-7568 Peter deHaan Thu, 22 Apr 2010 22:58:45 +0000 http://blog.flexexamples.com/?p=1365#comment-7568 @A V, I may be wrong, but I thought that the Boolean ItemRenderer <code>autoDrawBackground</code> property handles all that for you and you could probably just use something like this for an item renderer and have the <code>rollOverColor</code> and <code>selectionColor</code> styles applied to the item renderer: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <s:ItemRenderer name="CustomItemRenderer" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" autoDrawBackground="true"> <s:Label text="{data.label}" left="2" right="2" top="4" bottom="4" /> </s:ItemRenderer> </pre> In fact, I would probably advise against a lot of data binding in your item renderers due to possible performance problems. Peter @A V,

I may be wrong, but I thought that the Boolean ItemRenderer autoDrawBackground property handles all that for you and you could probably just use something like this for an item renderer and have the rollOverColor and selectionColor styles applied to the item renderer:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer name="CustomItemRenderer"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        autoDrawBackground="true">
 
    <s:Label text="{data.label}"
            left="2" right="2" top="4" bottom="4" />
 
</s:ItemRenderer>

In fact, I would probably advise against a lot of data binding in your item renderers due to possible performance problems.

Peter

]]> By: A V http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-7566 A V Thu, 22 Apr 2010 22:29:27 +0000 http://blog.flexexamples.com/?p=1365#comment-7566 Thanks for the quick response. I was doing something a little different (a custom ItemRenderer) but was getting the identical error. I found the solution, however. Moving to 4.0.0 release compiler from the beta 2 sdk, the default styles (selectionColor, contentBackgroundColor, etc.) are no longer directly referencable from within my extending class, as in: <pre lang="mxml"> <s:fill> <s:SolidColor color.normal="{contentBackgroundColor)}" color.normalAndShowsCaret="{contentBackgroundColor}" color.hovered="{rollOverColor}" color.hoveredAndShowsCaret="{rollOverColor}" color.selected="{selectionColor)}" color.selectedAndShowsCaret="{selectionColor)}" /> </s:fill> </pre> I was required to call <code>getStyle()</code> to access the styles, as below: <pre lang="mxml"> <s:fill> <s:SolidColor color.normal="{getStyle('contentBackgroundColor')}" color.normalAndShowsCaret="{getStyle('contentBackgroundColor')}" color.hovered="{getStyle('rollOverColor')}" color.hoveredAndShowsCaret="{getStyle('rollOverColor')}" color.selected="{getStyle('selectionColor')}" color.selectedAndShowsCaret="{getStyle('selectionColor')}" /> </s:fill> </pre> More info here: https://opensource.adobe.com/wiki/display/flexsdk/Item+Renderer+Changes Thanks for the quick response. I was doing something a little different (a custom ItemRenderer) but was getting the identical error. I found the solution, however. Moving to 4.0.0 release compiler from the beta 2 sdk, the default styles (selectionColor, contentBackgroundColor, etc.) are no longer directly referencable from within my extending class, as in:

<s:fill>
    <s:SolidColor color.normal="{contentBackgroundColor)}"
            color.normalAndShowsCaret="{contentBackgroundColor}"
            color.hovered="{rollOverColor}"
            color.hoveredAndShowsCaret="{rollOverColor}"
            color.selected="{selectionColor)}"
            color.selectedAndShowsCaret="{selectionColor)}" />
</s:fill>

I was required to call getStyle() to access the styles, as below:

<s:fill>
    <s:SolidColor color.normal="{getStyle('contentBackgroundColor')}"
            color.normalAndShowsCaret="{getStyle('contentBackgroundColor')}"
            color.hovered="{getStyle('rollOverColor')}"
            color.hoveredAndShowsCaret="{getStyle('rollOverColor')}"
            color.selected="{getStyle('selectionColor')}"
            color.selectedAndShowsCaret="{getStyle('selectionColor')}" />
</s:fill>

More info here: https://opensource.adobe.com/wiki/display/flexsdk/Item+Renderer+Changes

]]> By: Peter deHaan http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-7563 Peter deHaan Thu, 22 Apr 2010 21:01:56 +0000 http://blog.flexexamples.com/?p=1365#comment-7563 @A V, I just compiled the above example with Flex 4.0 and Flex 4.1 beta and didn't get any errors. Were you using the above code, or something slightly different? Peter @A V,

I just compiled the above example with Flex 4.0 and Flex 4.1 beta and didn’t get any errors. Were you using the above code, or something slightly different?

Peter

]]> By: A V http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-7561 A V Thu, 22 Apr 2010 18:23:06 +0000 http://blog.flexexamples.com/?p=1365#comment-7561 Would you mind sharing what you did to get rid of the "Access of undefined property selectionColor" error with the newer 4.0.0 sdk? I'm currently porting something and getting the same error. Thanks, -V Would you mind sharing what you did to get rid of the “Access of undefined property selectionColor” error with the newer 4.0.0 sdk? I’m currently porting something and getting the same error.

Thanks,
-V

]]> By: Peter deHaan http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-6870 Peter deHaan Fri, 29 Jan 2010 02:09:23 +0000 http://blog.flexexamples.com/?p=1365#comment-6870 Done! Updated post to work with Flex SDK 4.0.0.13771. Peter Done! Updated post to work with Flex SDK 4.0.0.13771.

Peter

]]> By: Peter deHaan http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-6869 Peter deHaan Fri, 29 Jan 2010 02:07:00 +0000 http://blog.flexexamples.com/?p=1365#comment-6869 @ATD, Yeah, a bunch of these posts are out of sync with the latest API changes... I'll take a look and update the post in a few minutes. Peter @ATD,

Yeah, a bunch of these posts are out of sync with the latest API changes… I’ll take a look and update the post in a few minutes.

Peter

]]> By: ATD http://blog.flexexamples.com/2009/07/17/displaying-different-fonts-in-a-spark-list-control-in-flex-4/comment-page-1/#comment-6866 ATD Fri, 29 Jan 2010 01:23:38 +0000 http://blog.flexexamples.com/?p=1365#comment-6866 Hi Peter, This doesn't work in the newest version of the Flex 4 framework. throws this error: 1120:Access of undefined property selectionColor I will dig and post if I come up with the fix. Hi Peter,

This doesn’t work in the newest version of the Flex 4 framework.

throws this error: 1120:Access of undefined property selectionColor

I will dig and post if I come up with the fix.

]]>