apache-flex 调整Flex Spark图像大小以适合容器

sqougxex 于 2022-11-01 发布在 Apache

关注(0)|答案(1)|浏览(135)

我使用以下代码将图像加载到屏幕：

<s:Scroller xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            width="100%" 
            height="100%">

    <s:VGroup width="100%" horizontalAlign="center" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" verticalAlign="top">
        <s:Label width="100%" text="Being Active" fontSize="14" fontFamily="Black"/>
        <s:Image fillMode="scale" smooth="true" scaleMode="letterbox" verticalCenter="0" horizontalCenter="0" width="100%" source="@Embed('assets/img/q3/q3c1all.png')"/>
       ....
       ....
    </s:VGroup>

</s:Scroller>

在所附的图像中，它有三个图像1.构建器视图2.最终设计（设计师所期望的）3.渲染输出（用户将看到的）
由于scaleMode信箱，有很多空间上面和下面的图像是空白的。这打破了层。有人能建议我如何使输出看起来像设计预览（标题要求）
如何按比例缩放图像而不扭曲（就像它在CSS中所做的）。