Flex 4 Image Fill

Question

У меня есть элементы управления. Изображение, которое я вставил в приложение Flex4 AIR.

Я установил его на x = 0, y = 0. Ширина = 100%, Высота = 100%.

Проблема в том, что исходное изображение, которое я использую, не умещается на весь экран приложения. Фактические элементы управления. Изображение охватывает весь экран, но исходное изображение содержится в элементах управления. Изображение не заполняет все элементы управления. Высота / ширина изображения.

Есть ли способ "заполнить" все элементы управления. Изображение с источником? Я не беспокоюсь о деформации исходного изображения, я просто хотел бы заполнить все элементы управления. Изображение независимо от его высоты / ширины.

Я не могу найти инструмент для этого .. кто-нибудь рекомендует советы? Я не могу найти ничего, связанного с "FillMode" или подобным, и уже некоторое время искал.

Спасибо

Answer 1

Если под «controls.Image» вы подразумеваете mx.controls.Image, который технически является компонентом Flex 3, но применим в Flex 4.1 и более ранних версиях, вы хотите установить maintainAspectRatio в false и убедиться, чтоscaleContent равно true (что является значением по умолчанию).

С другой стороны, если вы используете Flex 'Hero' SDK (Flex 4.5), в котором представлен собственный компонент изображения искры (* 1008)*), вам нужно установить scaleMode на BitmapScaleMode.STRETCH и убедиться, что fillMode установлено на BitmapFillMode.SCALE (это значение по умолчанию).

Документация AS3:

mx.controls.Image (Flex 4.1 и более ранние версии)

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

Answer 2

Все эти советы предполагают, что пустые части изображения прозрачны.

-Вы можете поместить свое изображение в BorderContainer и установить цвет фона контейнера.

-Вы можете создать растровое изображение определенной ширины или высоты, а затем залить его цветом фона.(bitmap.fill я верю).Затем скопируйте данные растрового изображения на него.

Лично я считаю, что вариант BorderContainer - самый простой способ начать работу.