今回はWPFアプリケーションにおけるスケーリング(拡大/縮小)について説明します。
スケーリングを行うには<ScaleTransform>タグを使用します。
このタグでは以下の属性を使用します。
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は下図のようにスケーリングされます。薄いボタンはスケーリング前のボタンを表しています。
Remember Me
a@href@title, strike
Theme design by Jelle Druyts
Pick a theme: BlogXP business calmBlue Candid Blue dasBlog dasblogger DirectionalRedux Discreet Blog Blue Elegante essence Just Html MadsSimple Mobile Mono Movable Radio Blue Movable Radio Heat nautica022 orangeCream Portal Project84 Project84Grass Slate Sound Waves Tricoleur useit.com Voidclass2 BlogXP business calmBlue Candid Blue dasBlog dasblogger DirectionalRedux Discreet Blog Blue Elegante essence Just Html MadsSimple Mobile Mono Movable Radio Blue Movable Radio Heat nautica022 orangeCream Portal Project84 Project84Grass Slate Sound Waves Tricoleur useit.com Voidclass2
Powered by: newtelligence dasBlog 2.0.7226.0
The opinions expressed herein are my own personal opinions and do not represent my employer's view in any way.
© Copyright 2009, HIRO
E-mail