Jakość skalowania obrazu Adobe Flex

Question

Mam przeglądarkę obrazów, którą napisałem w programie Flex, która skaluje rozmiar obrazu aktualnie wyświetlanego w zależności od rozmiaru przeglądarki. To właśnie tag wygląda następująco:

<mx:Image id="img" 
    maintainAspectRatio="true" 
    source="{horizontalList.selectedItem.image}-large.jpg" 
    height="100%" 
    horizontalCenter="0" 
    horizontalAlign="center" 
    top="5" 
    width="{horizontalList.width}" 
    updateComplete="onImageChange()" 
    click="onImgClick()" 
    /> 

Oryginalny rozmiar obrazu jest zawsze większy niż obszar okna przeglądarki, a niestety, Flex nie wydają się robi bardzo dobrą robotę downscaling obraz. W rzeczywistości HTML w IE robi o wiele lepszą pracę, jeśli użyję tego tagu graficznego. Czy istnieje "jakość" ustawienia skalowania w Flexie, którego mi brakuje?

Dzięki.

Answer 1

To jest kłopot z Flex 3 - za pomocą obrazu w kontroli listy. Musisz bardzo uważać, aby skalowanie było prawidłowe.

Dlaczego nie spróbować odtwarzać z różnymi kombinacjami właściwości scaleContent i maintainAspectRatio elementów sterujących Image?

Oto poradnik na temat obrazów scaling.

Answer 2

Zobacz to: Smoothing resized distorted images in flex

Answer 3

spróbować ustawić szerokość i wysokość sterowania do wymiarów obrazu i ustawić właściwość scaleContent do prawdziwej własności

Answer 4

zestaw scaleContent do prawdziwej

Answer 5

Dowiedz się o Flash Smoothing Issue odkryłem kilka lat temu i napisałem o tym na blogu. Zasadniczo obrazy, które mają nieparzyste wymiary, nie zostaną wygładzone.

Aby rozwiązać ten problem użyć następującego fragmentu:

var smoothBitmapData : BitmapData = new BitmapData(
    loadedBitmap.width + (loadedBitmap.width % 2), 
    loadedBitmap.height + (loadedBitmap.height % 2), 
    true, 0x00FF0000); 
smoothBitmapData.draw(loadedBitmap, null, null, null, null, true); 

smoothBitmap = new Bitmap(smoothBitmapData, PixelSnapping.NEVER, true);