操作說明：縮放元素

這個範例示範如何使用 ScaleTransform 來調整專案。

ScaleX使用 和 ScaleY 屬性，依您指定的因素調整元素的大小。 例如， ScaleX 值為 1.5 會將專案延展至原始寬度的 150%。 ScaleY值 0.5 會將元素的高度縮小 50%。

CenterX使用 和 CenterY 屬性來指定縮放作業中心點。 根據預設，會 ScaleTransform 置中點 （0,0），其對應于矩形左上角。 這會影響移動專案，也使它看起來更大，因為當您套用 Transform 時，您會變更物件所在的座標空間。

下列範例使用 ScaleTransform 將 大小加倍為 50 by-50 Rectangle 。 ScaleTransform和 的 值為 0（預設值）。 CenterXCenterY

範例

<!-- Scales a rectangle by 200% from a center of (0,0).-->
<Rectangle Height="50" Width="50" Fill="#CCCCCCFF" 
  Stroke="Blue" StrokeThickness="2"
  Canvas.Left="100" Canvas.Top="100">
  <Rectangle.RenderTransform>
    <ScaleTransform CenterX="0" CenterY="0" ScaleX="2" ScaleY="2" />
  </Rectangle.RenderTransform>
</Rectangle>

一般而言，您會將 和 CenterY 設定 CenterX 為縮放物件的中心：（ Width /2、 Height /2）。

下列範例顯示大小加倍的另一 Rectangle 個 ;不過，這 ScaleTransform 兩者的值都為 25 CenterXCenterY ，對應至矩形的中心。

<!-- Scales a rectangle by 200% from a center of (25,25).-->
<Rectangle Height="50" Width="50" Fill="#CCCCCCFF"
  Canvas.Left="100" Canvas.Top="100" Stroke="Blue" StrokeThickness="2">
  <Rectangle.RenderTransform>
    <ScaleTransform CenterX="25" CenterY="25" ScaleX="2" ScaleY="2" />
  </Rectangle.RenderTransform>
</Rectangle>

下圖顯示兩 ScaleTransform 個作業之間的差異。 虛線顯示的是矩形在縮放之前的大小和位置。

兩個有相同 ScaleX 和 ScaleY 值，但不同中心的 ScaleTransform 作業

如需完整的範例，請參閱 2D 轉換範例 。

另請參閱

• Transform
• ScaleTransform
• 轉換概觀
• 操作說明主題