如何在Flex中的“树”控件中更改图标的大小？

Question

我使用SVG图形嵌入了Flex应用程序

package MyUI
{
    public class Assets
    {
        [Embed(source="/assets/pic.svg"]
        [Bindable]
        public static var svgPic:Class;
    }
}

然后使用我自己的一些代码扩展Tree类，在将节点添加到数据提供程序时设置图标：

public class MyTree extends Tree
{
    public function MyTree()
    {
        // ...
        this.iconField = "svgIcon";
        // ...
        this.dataProvider = new ArrayCollection;
        this.dataProvider.addItem({ /* ... */ svgIcon: MyUI.Assets.svgPic /* ... */ });
        // ...
    }
}

现在我要做两件事：

• 在应用程序的多个位置使用SVG图形，将它们缩放为每种外观的适当大小，即在树中使用它们时将其缩放为适当的图标大小
• 在运行时更改图标的大小，例如，为所选项目显示稍大的图标，或者让图标“脉动”作为对某些事件的响应

我阅读了Embed标签中有关9切片缩放属性的Flex文档，但是我认为这不是我想要的。

---

编辑：

我未成功检查SO建议的“类似问题”，其中包括：

Flex：修改嵌入式图标并在按钮中使用它？

Answer 1

子类mx.controls.treeClasses.TreeItemRenderer，并使其图标调整为所需的尺寸，或者使用与TreeItemRenderer相同的接口创建自己的项目渲染器实现。 使用itemRenderer属性设置自定义项目渲染器：

exampleTree.itemRenderer = new ClassFactory( ExampleCustomItemRendererClass );

Answer 2

这个问题的答案可能会指引您正确的方向，而又不了解您所遇到的麻烦：

Flex：修改嵌入式图标并在按钮中使用它？

希望能帮助到你！