Thursday, November 13, 2008

今回はWPFアプリケーションにおけるスケーリング(拡大/縮小)について説明します。

スケーリングを行うには<ScaleTransform>タグを使用します。

このタグでは以下の属性を使用します。

  • CenterX: スケーリングを行う際の中心点X
  • CenterY: スケーリングを行う際の中心点Y
  • SacleX: X方向伸縮倍率
  • ScaleY: Y方向伸縮倍率

CenterX=0, CenterY=0, ScaleX=2, ScaleY=2とした場合のXAMLは

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" 
        Name="Button1" VerticalAlignment="Top" Width="75">
    <Button.RenderTransform>
    <ScaleTransform CenterX="0" CenterY="0" ScaleX="2" ScaleY="2"></ScaleTransform>
    </Button.RenderTransform>
    Button
</Button>

となり、下図のようにスケーリングされます。薄いボタンはスケーリング前のボタンを表しています。

ScaleXとScaleYには負の値も指定可能です。

この場合はボタンに表示されている文字は反転することになります。

ScaleX="-1", ScaleY="-1" にしたXAMLを下記のように作成し

<Button Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" 
        Name="Button1" VerticalAlignment="Top" Width="75">
    <Button.RenderTransform>
    <ScaleTransform CenterX="0" CenterY="0" ScaleX="-1" ScaleY="-1"<>/ScaleTransform>
    </Button.RenderTransform>
    Button
</Button>

上記XAMLは下図のようにスケーリングされます。薄いボタンはスケーリング前のボタンを表しています。

WPF
Thursday, November 13, 2008 10:55:45 PM (Tokyo Standard Time, UTC+09:00)  #    Comments [0]  |  Trackback
Name
E-mail
Home page

Comment (Some html is allowed: a@href@title, strike) where the @ means "attribute." For example, you can use <a href="" title=""> or <blockquote cite="Scott">.  

Enter the code shown (prevents robots):

Live Comment Preview

Theme design by Jelle Druyts

Pick a theme: