0

裁ち落とし領域を表すために、flex 4 で fxg 形状 (shapes: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>
4

1 に答える 1

0

FXG アセットは、グラフィックを表示するために最適化されており、CSS スタイルや、Flex コンポーネントが行うその他の多くのことをサポートしていません。

また、Flex は、境界線の設定に使用している簡略構文をサポートしていません。Flex の CSS は、HTML の CSS でできることと比較するとかなり制限されています。

簡単な解決策の 1 つは、FXG アセットを のような別の Flex コンポーネントでラップすることですBorderContainer。次に、コンテナ オブジェクトに境界線を適用できます。

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

スタイル属性borderColor、borderWeightなどは、CSS を介して適用することもできます (ただし、その省略形/結合構文は使用しません)。

于 2013-04-05T15:42:53.550 に答える