如何在 Panel Flex 中绘图？

Posted 2023-02-18

【中文标题】如何在 Panel Flex 中绘图？

【英文标题】：How to draw in Panel Flex?

【发布时间】：2013-03-02 22:14:21

【问题描述】：

我想在面板中画线时遇到问题。我不知道该怎么做，请解释一下...

我试图将 SpriteVisualElement 放在面板中，但我从 Flex builder 中得到“此处不允许组件声明”。 这是我的代码：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               >

<fx:Script>
    <![CDATA[
        import mx.graphics.SolidColorStroke;

        import spark.primitives.Line;



        private function drawLine():void 
        
            var myShape:Shape = new Shape();
            myShape = new Shape() ;


            myShape.graphics.lineStyle(2, 0x00008B, .75);
            myShape.graphics.moveTo(500, 500);

            myShape.graphics.lineTo(25, 45);
            spr.addChild(myShape);
        
    ]]>
</fx:Script>


<mx:Button label="Click" click="drawLine()" />
<mx:Panel  y="30"   layout="vertical" title="Panel" borderColor="#008040" fontFamily="Arial" fontWeight="bold" fontSize="13">

<mx:Text text="Drawing.." fontWeight="bold"/>
        <s:SpriteVisualElement   id="spr"/>
</mx:Panel>
</s:Application>

【参考方案1】：

使用火花面板

<s:Panel>

【讨论】：

谢谢它的工作，但线越过面板并离开面板边框@Timofei Davydik (Как вписать её в панель? и чтобы можно было зумить, не подскажете?)

好吧，你是从 (500;500) 开始绘制的，但是你的面板是 400x250

是的@Timofei Davydik，我明白，我的问题是如何启用面板的滚动条以适应面板中的线条，或者我可以像谷歌地图一样启用缩放功能？