0

如何在项目渲染器中动态更改组件文本大小？

这是我的 CustomItemRenderer.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <fx:Script>
        <![CDATA[
            override public function set data(value:Object):void
            {
                super.data = value;

                invalidateDisplayList();
            }

            private function list_itemRendererFunc(item:Object):void {
                textArea2.setStyle("fontSize",
                                textArea2.getStyle("fontSize") + 2);    
        ]]>
    </fx:Script>
    <s:Label left="10" right="10" top="10" height="25" fontSize="14" maxDisplayedLines="1"
             text="{data.title}" textAlign="center"/>

    <s:TextArea id="textArea2" left="10" right="10" top="35" bottom="10" editable="false"
                fontSize="12" skinClass="spark.skins.mobile.TextAreaSkin"
                text="{data.description }"/>
</s:ItemRenderer>

当按下按钮时，我想访问 textArea2 并更改字体大小。你能帮助我吗？

4

1 回答 1

0

将可绑定的公共变量放在 itemrenderer 中，然后将其绑定到 fontSize，如：

<s:TextArea id="textArea2" fontSize="{mypublicvar}" ...

然后当按下按钮时，循环遍历列表（或数据网格？）的 itemrenderers，并将该渲染器的 mypublicvar 更改为新值，例如：

for(var i:int = 0; i < list.dataGroup.numElements; i++)
{
   var itemRendererItem:CustomItemRenderer = list.dataGroup.getElementAt(i) as CustomItemRenderer;
   itemRendererItem.mypublicvar += 2;

   //you can also try
   itemRendererItem.textArea2.setStyle("fontSize",...
}

顺便说一句，我认为您的 list_itemRendererFunc 放错了位置，您应该提出更好的问题。

于 2012-01-18T01:45:42.890 回答