Qualità di ridimensionamento delle immagini Adobe Flex

Question

Ho un visualizzatore di immagini che ho scritto in Flex per ridimensionare le dimensioni dell'immagine attualmente visualizzata in base alle dimensioni del browser. Questo è ciò che il tag appare come:

<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()" 
    /> 

La dimensione dell'immagine originale è sempre più grande dell'area del browser, e, purtroppo, Flex non sembra stia facendo un ottimo lavoro di downscaling dell'immagine. In effetti, HTML in IE svolge un lavoro molto migliore se utilizzo il tag immagine. C'è un'impostazione di "qualità" per il ridimensionamento in Flex che mi manca?

Grazie.

Answer 1

Questo è un punto di disturbo con Flex 3 - utilizzando un'immagine in un controllo elenco. Devi stare molto attento a ottenere il ridimensionamento giusto.

Perché non provare a giocare con diverse combinazioni di scaleContent e maintainAspectRatio proprietà dei controlli Image?

Ecco un tutorial su scaling immagini.

Answer 2

Vedi questo: Smoothing resized distorted images in flex

Answer 3

tenta di impostare la larghezza e l'altezza del controllo alle dimensioni dell'immagine e impostare la proprietà scaleContent alla vera proprietà

Answer 4

set scaleContent true

Answer 5

Ulteriori informazioni lo Flash Smoothing Issue ho scoperto alcuni anni fa e ne ho parlato in forma blogger. Fondamentalmente, le immagini che hanno una dimensione dispari non riescono a essere lisciate.

Per risolvere questo problema utilizzare il seguente frammento:

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);