在 Flex/spark 中用背景图片填充整个内容

Posted 2023-02-23

【中文标题】在 Flex/spark 中用背景图片填充整个内容

【英文标题】：Fill entire content with a background image in Flex/spark

【发布时间】：2012-11-07 20:24:03

【问题描述】：

我创建了一个 960x640 像素的图像，我想通过将图像缩放到设备的分辨率，将其用作任何类型的移动设备的背景图片。

我怎样才能做到这一点？

我试过了：

    <?xml version="1.0" encoding="utf-8"?>
     <s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" title="MainView">

     <s:Image   fillMode="scale" scaleMode="stretch"
         source="assets/background.jpg" />
        <fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>  
 </s:View>

这在设计视图中看起来不错，它填满了整个屏幕，但是当我运行应用程序时，一切都非常混乱（图像比移动模拟器屏幕小很多或大很多）

有没有更好的方法来做到这一点？是否可以直接在视图上设置背景图像？

谢谢

【参考方案1】：

设置 fillMode="repeat" 这将重复图像以填充视图