【问题标题】:Flex 4 Image FillFlex 4 图像填充
【发布时间】:2011-03-20 23:48:57
【问题描述】:

我有一个控件。我将其放入我的 Flex4 AIR 应用程序中。

我将其设置为 x=0,y=0。 宽度=100%,高度=100%。

这个问题是我使用的源图像不适合整个应用程序屏幕。实际的controls.Image 覆盖了整个屏幕,但是controls.Image 中包含的源图像并没有填满整个controls.Image 的高度/宽度。

有没有办法用源“填充”整个控件。图像? 我不担心扭曲源图像,我只想填充整个控件。无论它的高度/宽度是多少。

我找不到这样做的工具.. 有人推荐提示吗?我找不到与“FillMode”或类似内容相关的任何内容,并且已经搜索了一段时间。

谢谢

【问题讨论】:

    标签: image flex4 flashbuilder4


    【解决方案1】:

    如果使用“controls.Image”,您的意思是 mx.controls.Image,它在技术上是 Flex 3 组件,但适用于 Flex 4.1 及更早版本,您希望将 maintainAspectRatio 设置为 false,并确保scaleContenttrue(这是默认值)。

    另一方面,如果您使用引入了原生 spark 图像组件 (spark.components.Image) 的 Flex 'Hero' SDK (Flex 4.5),则需要将 scaleMode 设置为 BitmapScaleMode.STRETCH,并且确保将fillMode 设置为BitmapFillMode.SCALE(这是默认值)。

    AS3 文档:

    mx.controls.Image (Flex 4.1 and earlier)

    spark.components.Image (Flex 4.5 "Hero")

    【讨论】:

      【解决方案2】:

      所有这些提示都假设图像的空白部分是透明的。

      -你可以把你的图片放在一个BorderContainer中,并设置容器的背景颜色。

      -您可以创建一个特定宽度或高度的位图,然后用背景颜色填充(我相信是 bitmap.fill)。然后将我们的图像位图数据复制到上面。

      就我个人而言,我认为 BorderContainer 选项是最容易实现的。

      【讨论】:

        猜你喜欢
        • 2019-05-18
        • 2010-12-07
        • 1970-01-01
        • 2020-05-01
        • 1970-01-01
        • 2018-05-24
        • 2011-08-15
        • 2013-11-05
        • 2011-03-06
        相关资源
        最近更新 更多