Ändra storlek och skaländra objekt

Det finns två sätt att mäta och ändra storlek på visningsobjekt, antingen via dimensionsegenskaperna (width och height) eller skalningsegenskaperna (scaleX och scaleY).

Alla visningsobjekt har egenskapen width och height som från början anges som storleken på objektet i antal pixlar. Du kan läsa in värdena för dessa egenskaper så att storleken på visningsobjektet mäts. Du kan även ange nya värden för att ändra objektets storlek enligt följande:

// Resize a display object. 
square.width = 420; 
square.height = 420; 
 
// Determine the radius of a circle display object. 
var radius:Number = circle.width / 2;

Genom att ändra egenskaperna height eller width skaländras objektet, vilket innebär att innehållet sträcks ut eller trycks ihop för att passa in i den nya ytan. Om visningsobjektet innehåller enbart vektorformer kommer dessa att ritas om i den nya skalan, utan försämrad kvalitet. Alla grafikelement för bitmappar i visningsobjektet skaländras i stället för att ritas om. Ett digitalfoto, exempelvis, vars bredd och höjd ökas mer än de faktiska dimensionerna i bildens pixelinformation kommer att se taggigt ut.

När du ändrar egenskaperna width eller height i ett visningsobjekt uppdateras även egenskaperna scaleX och scaleY.

Dessa egenskaper representerar den relativa storleken på visningsobjektet jämfört med den ursprungliga storleken. I egenskaperna scaleX och scaleY används decimalvärden som representerar procentandelar. Om till exempel visningsobjektets egenskap width har ändrats så att den utgör halva bredden mot ursprunglig storlek får objektets egenskap scaleX värdet 0,5, vilket innebär 50 procent. Om höjden har dubblerats kommer egenskapen scaleY att få värdet 2, vilket innebär 200 procent.

// circle is a display object whose width and height are 150 pixels. 
// At original size, scaleX and scaleY are 1 (100%). 
trace(circle.scaleX); // output: 1 
trace(circle.scaleY); // output: 1 
 
// When you change the width and height properties,  
// Flash Player changes the scaleX and scaleY properties accordingly. 
circle.width = 100; 
circle.height = 75; 
trace(circle.scaleX); // output: 0.6622516556291391 
trace(circle.scaleY); // output: 0.4966887417218543

Storleksändringar är inte proportionella. M.a.o., om du ändrar egenskapen height för en fyrkant, men inte motsvarande width, så kommer proportionerna inte längre att vara desamma. Fyrkanten blir i stället en rektangel. Om du vill göra relativa storleksändringar på ett visningsobjekt kan du ange värdena för egenskaperna scaleX och scaleY, i stället för egenskaperna width eller height. Med följande kod ändras egenskapen width för visningsobjektet square. Därefter ändras den lodräta skalan (scaleY) för att motsvara den vågräta skalan, så att fyrkanten får en proportionell storlek.

// Change the width directly. 
square.width = 150; 
 
// Change the vertical scale to match the horizontal scale,  
// to keep the size proportional. 
square.scaleY = square.scaleX;