如何更改 Flex 中 Tree 控件中图标的大小？

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 图形在应用程序中的位置，将它们缩放到每个外观的适当大小，即在树中使用它们时将它们缩放到适当的图标大小
• 在运行时更改图标的大小，例如为所选项目显示稍大的图标或让图标“脉冲”作为对某些事件的响应

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

---

编辑：

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

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

Answer 1

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

exampleTree.itemRenderer = new ClassFactory( ExampleCustomItemRendererClass );

Answer 2

这个问题的答案可能会为您指明正确的方向，而无需更多地了解您遇到的问题：

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

希望它有帮助！