拍摄快照，缩放并重复拍摄

Question

我试图将文本从1缩放到5，这是一种缩放类型的外观。我使用下面的代码：

<s:Scale target="myLabel" autoCenterTransform="true" 
     duration="2000" 
     scaleYFrom="1" scaleYTo="5" scaleXFrom="1" scaleXTo="5" 
     > 

该文本缩放非常可怕。所以我的目标是以大字体对文本标签进行快照，将其添加到显示列表中，将缩放比例设置为5，然后将缩放比例设置为1。之后，我必须再次设置文本并执行它一遍又一遍。

这是一个Flex应用程序，这就是我的问题来了。我不知道如何拍摄快照，然后将其添加到（组？），然后如何删除它并重新开始？任何这方面的任何意见，将不胜感激。

Answer 1

这里是一个非常简单的做法，动画fontsize的风格，而不是动画缩放属性：

取决于你在做什么，这可能无法正常使用B/C它树立了一个新的风格如此频繁。另外，如果您慢慢播放此动画，它看起来就像是个别字符“摆动”（它们移动或抖动一点点）。

我会发布一些关于拍摄快照和缩放，明年......

<?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:Declarations> 
     <s:Animate id="scaler" target="{scaledText}" > 
      <s:MotionPath property="fontSize"> 
       <s:Keyframe time="0" value="12"/> 
       <s:Keyframe time="1500" value="48"/> 
      </s:MotionPath> 
     </s:Animate> 
    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 

      protected function onLabelClick():void 
      { 
       scaler.play(); 
      } 

     ]]> 
    </fx:Script> 

    <s:Label id="scaledText" text="this is some text" click="onLabelClick()" /> 
</s:Application> 

这里是采用文字的快照的方法。这与您的原始解决方案具有相同的问题，缩放文本非常锯齿。但是这确实展示了如何拍摄一些东西并在另一个Flex对象中使用快照：

<?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:Declarations> 
     <s:Scale id="scaler" target="{drawingTarget}" scaleXFrom="1" scaleXTo="5" scaleYFrom="1" scaleYTo="5"/> 
    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 
      import spark.core.SpriteVisualElement; 

      protected function onLabelClick():void 
      { 
       var data:BitmapData = new BitmapData(200,200,true, 0xFFFFFF); 
       data.draw(scaledText); 

       var g:Graphics = drawingTarget.graphics; 
       g.beginBitmapFill(data); 
       g.drawRect(0,0, 200,200); 
       g.endFill(); 
      } 

      protected function onBitmapClick(event:MouseEvent):void 
      { 
       scaler.play(); 
      } 

     ]]> 
    </fx:Script> 

    <s:layout> 
     <s:VerticalLayout/> 
    </s:layout> 

    <s:Label id="scaledText" text="this is some text" click="onLabelClick()" /> 
    <s:SpriteVisualElement id="drawingTarget" width="200" height="200" click="onBitmapClick(event)"/> 
</s:Application>