WPF中2维坐标系统.docxVIP

WPF 中 2 维坐标系统 当使用 WPF 创建图形时，应该清楚的知道图形显示在什么地方，要明白这一点，就需要我们对 WPF 中的坐标系统有一定的认识。下面就讨论一下 WPF 中的坐标系统以及它们的关系。 默认坐标系统 在 WPF 2 维坐标中规定，左上角是坐标原点，向右为 X 轴的正方向，向下为Y 轴的正方向，如图： 在 WPF 中，可以用布局控件来描述绘制区域，如 Canvas、DockPanel 、Grid 等，下面，看一个例子： Window x:Class=Chapter02.LineInDefaultSystem Window x:Class=Chapter02.LineInDefaultSystem xmlns=/winfx/2006/xaml/presentation xmlns:x=/winfx/2006/xaml Title=Line in Default System Height=300 Width=300 Canvas Height=300 Width=300 Line X1=0 Y1=0 X2=100 Y2=100 Stroke=Black StrokeThickness=2 / /Canvas /Window 运行结果： Canvas Height=300 Width=300Line X1=0.5in Y1=2.0cm X2=150 Y2=80pt Stroke=Blue StrokeThickness=0.1cm //Canvas也可以使用其它单位，WPF 支持四种不同的单位：px、in、cm、pt Canvas Height=300 Width=300 Line X1=0.5in Y1=2.0cm X2=150 Y2=80pt Stroke=Blue StrokeThickness=0.1cm / /Canvas 用户自定义坐标系统 WPF 除了默认的坐标系统外，也支持用户自定义坐标系统。比如，在很多场景中，是以左下角为坐标原点，Y 轴方向指向上方。 这个时候，我们可以通过 WPF 强大的变换把坐标系统变成这个样子，如： Window x:Class=Chapter02.LineInCustomSystem xmlns= /winfx/2006/xaml/presentation xmlns:x= /winfx/2006/xaml Title=Line In Custom System Height=240 Width=220 Border BorderBrush=Black BorderThickness=1 Height=200 Width=200 Canvas Height=200 Width=200 Canvas.RenderTransform TransformGroup ScaleTransform ScaleY= -1 / TranslateTransform Y= 200 / /TransformGroup /Canvas.RenderTransform Line X1=0 Y1=0 X2=100 Y2=100 Stroke=Black StrokeThickness=2 / /Canvas /Border /Window 当然，这时也还有一个问题，如在 Canvas 中添加一个按钮和文本： Button Canvas.Top=50 Canvas.Left=80 FontSize=15 Foreground=Red Name=label1 Content=My Button / Button Canvas.Top=50 Canvas.Left=80 FontSize=15 Foreground=Red Name=label1 Content=My Button / TextBlock Canvas.Top=120 Canvas.Left=20 FontSize=12pt Foreground=Blue BoldMy Text Block/Bold /TextBlock 会发现，文本和按钮也是经过翻转，要解决这个问题，可以再次翻转： Button Button Canvas.Top=50 Canvas.Left=80 FontSize=15 Foreground=Red Content=My Button Button.RenderTransform ScaleTransform ScaleY=-1 / /Button.RenderTransform /Button TextBlock Canvas.Top=120 Canvas.Left=20 FontSize=12pt Foreground=Blue BoldMy Text Blo