2011-03-20 108 views
0

我有一個controls.Image放在我的Flex4 AIR App中。Flex 4圖像填充

我將它設置爲x = 0,y = 0。 寬度= 100%,高度= 100%。

問題在於,我使用的源圖像不適合整個應用程序屏幕。實際控件。圖像覆蓋整個屏幕,但控件中包含的源圖像。圖像不會填充整個控件。圖像高度/寬度。

有沒有什麼辦法來「填充」整個controls.Image與源? 我並不擔心翹曲源圖像,我只想填充整個controls.Image無論它的高度/寬度是多少。

我找不到這樣做的工具..任何人推薦的提示?我找不到任何與「FillMode」或類似的相關內容,並且現在已經搜索了一段時間。

由於

回答

0

所有這些技巧被假設圖像的空白部分是透明的。

- 您可以將圖像放在BorderContainer中,並設置容器的背景顏色。

- 你可以創建一個特定寬度或高度的位圖,然後填充背景顏色(我相信bitmap.fill)。然後將我們的圖像位圖數據複製到該圖像上。

就我個人而言,我認爲BorderContainer選項是最容易實現的。

3

如果「controls.Image」,你的意思是mx.controls.Image,這在技術上是一個Flex 3組件,而是適用於Flex的4.1和更早的版本,你要設置maintainAspectRatiofalse,並確保scaleContenttrue(其是默認值)。

在另一方面,如果你正在使用Flex「英雄」 SDK(Flex 4.5中),它引入了一個原生火花圖像組件(spark.components.Image),你需要設置scaleModeBitmapScaleMode.STRETCH,並確保fillMode設置到BitmapFillMode.SCALE(這是默認值)。

AS3文檔:

mx.controls.Image (Flex 4.1 and earlier)

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