-
WPF 2D RenderTransform ScaleTransform Slider 바인딩 Canvas.ClipToBounds.NET/WPF 2D 2013. 6. 18. 00:58반응형
<StackPanel Height="280" Width="250"> <Border BorderBrush="Black" BorderThickness="1" Height="200" Width="200" Margin="20"> <Canvas Height="200" Width="200" ClipToBounds="True"> <!--ClipToBounds 내부 컨텐트를 켄버스안에만 표시 할것인지 설정--> <Canvas.RenderTransform> <TransformGroup> <ScaleTransform ScaleY="-1" /> <TranslateTransform Y="200" /> </TransformGroup> </Canvas.RenderTransform> <Line X1="0" Y1="0" X2="80" Y2="80" Stroke="Black" StrokeThickness="2"> <Line.RenderTransform> <ScaleTransform ScaleX="{Binding ElementName=slider,Path=Value}" ScaleY="{Binding ElementName=slider,Path=Value}"/> </Line.RenderTransform> </Line> <Rectangle Canvas.Top="100" Canvas.Left="30" Width="80" Height="40" Stroke="DarkRed" StrokeThickness="3"> <Rectangle.RenderTransform> <ScaleTransform ScaleX="{Binding ElementName=slider,Path=Value}" ScaleY="{Binding ElementName=slider,Path=Value}"/> </Rectangle.RenderTransform> </Rectangle> </Canvas> </Border> <Slider Name="slider" Minimum="0" Maximum="10" Value="1" TickPlacement="BottomRight" TickFrequency="0.2" IsSnapToTickEnabled="True"/> </StackPanel>
reference : Practical WPF Graphics Programming
반응형'.NET > WPF 2D' 카테고리의 다른 글
WPF 2D Scale Transforms (0) 2013.06.28 WPF 2D Object Matrix Transforms (0) 2013.06.28 WPF 2D Creating Perpendicular Lines (0) 2013.06.27 WPF 2D Transformations Matrix Transforms (0) 2013.06.27 WPF Basic 2D Graphics Shapes (0) 2013.06.19 WPF 2D 차트에 대한 사용자 정의 좌표 (0) 2013.06.18 WPF 2D 그리기 Canvas, Line, Canvas.RenderTransform, ScaleTransform, TranslateTransform (0) 2013.06.18 WPF 기초 이벤트 트리거 에니메이션 주기 샘플 글크기 변경 AutoReverse (0) 2013.06.17