개요 flex 4 fxg 그래픽

Question

나는 블리드 영역을 표현하기 위해 플렉스 4에서 fxg 도형의 가장자리에 굵은 테두리를 추가하려고합니다 (모양 : munch2 id = "paper").

사람이 할 수있는 방법을 제안 할 수 있습니다 제발, 내가 다윗 FXG에게

<?xml version="1.0" encoding="utf-8"?> 
<s:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" 
      xmlns:shapes="fxgGraphics.shapes.*" 
      width="100%" height="100%"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 
    <fx:Style> 
     @namespace s "library://ns.adobe.com/flex/spark"; 
     @namespace mx "library://ns.adobe.com/flex/mx"; 
     @namespace shapes "fxgGraphics.shapes.*"; 

     #paper { 
      border: 3px solid #ff6600; 
     } 
    </fx:Style> 
    <shapes:munch2 id="paper" width="100%" height="100%" horizontalCenter="0" verticalCenter="0" /> 
</s:Module> 

Answer 1

FXG 자산을

감사 을 그릴 때 오히려 그것을 설정하는 것보다, 가변 폭을 할 필요가 그래픽을 표시하기에 최적화되어 있으며 CSS 스타일이나 Flex 구성 요소가하는 많은 다른 기능을 지원하지 않습니다.

또한 Flex에서는 테두리를 설정하는 데 사용하는 속기 구문을 지원하지 않습니다. HTML에서 CSS로 할 수있는 것과 비교할 때 Flex의 CSS는 제한적입니다.

하나의 간단한 솔루션은 BorderContainer 같은 다른 Flex 구성 요소에 FXG 자산을 래핑하는 것입니다. 그럼 당신은 컨테이너 개체에 테두리를 적용 할 수 있습니다

는

<s:BorderContainer borderColor="#ff0000" borderWeight="2" cornerRadius="6"> 
    <local:MyFxgAsset /> 
</s:BorderContainer> 

스타일 등 borderColor, borderWeight이 (즉, 속기/결합 구문을 사용하지 않는하지만)과 CSS를 통해 적용 할 수있는 속성.