Apache flex 调整Flex Spark图像大小以适合容器
我使用以下代码将图像加载到屏幕:Apache flex 调整Flex Spark图像大小以适合容器,apache-flex,components,flex-spark,Apache Flex,Components,Flex Spark,我使用以下代码将图像加载到屏幕: <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" paddingBo
<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中所做的那样)
对于那些在这个问题上苦苦挣扎的人,解决方法是使用它,它将让你完全控制位图。需要注意的一点是,如果您计划对图像使用交互/事件,请将其包装在容器中,并向其中添加click事件
我不知道这是否是最好的解决方案,但它对我有效:)您包含的代码看起来应该可以正常工作。你能把容器的标记也贴出来吗?