书中的代码语法过时了,改写为以下(测试通过):

WPF笔记(1.10 绘图)——Hello,WPF!        <Button>
WPF笔记(1.10 绘图)——Hello,WPF!            
<Button.LayoutTransform>
WPF笔记(1.10 绘图)——Hello,WPF!                
<ScaleTransform  ScaleX="3" ScaleY="3" />
WPF笔记(1.10 绘图)——Hello,WPF!            
</Button.LayoutTransform>
WPF笔记(1.10 绘图)——Hello,WPF!            
<StackPanel Orientation="Horizontal">
WPF笔记(1.10 绘图)——Hello,WPF!                
<Canvas Width="20" Height="18" VerticalAlignment="Center">
WPF笔记(1.10 绘图)——Hello,WPF!                    
<Ellipse Canvas.Left="1" Canvas.Top="1" Width="16" Height="16"
WPF笔记(1.10 绘图)——Hello,WPF!                      Fill
="Yellow" Stroke="Black" />
WPF笔记(1.10 绘图)——Hello,WPF!                    
<Ellipse Canvas.Left="4.5" Canvas.Top="5" Width="2.5" Height="3"
WPF笔记(1.10 绘图)——Hello,WPF!                      Fill
="Black" />
WPF笔记(1.10 绘图)——Hello,WPF!                    
<Ellipse Canvas.Left="11" Canvas.Top="5" Width="2.5" Height="3"
WPF笔记(1.10 绘图)——Hello,WPF!                      Fill
="Black" />
WPF笔记(1.10 绘图)——Hello,WPF!                    
<Path Data="M 5,10 A 3,3 0 0 0 13,10" Stroke="Blue" />
WPF笔记(1.10 绘图)——Hello,WPF!                
</Canvas>
WPF笔记(1.10 绘图)——Hello,WPF!                
<TextBlock VerticalAlignment="Center">Click!</TextBlock>
WPF笔记(1.10 绘图)——Hello,WPF!            
</StackPanel>
WPF笔记(1.10 绘图)——Hello,WPF!        
</Button>

ScaleTransform将button放大3倍。
Canvas上画图,画一个笑脸,3个椭圆,黄色是脸的轮廓,黄色是眼睛。蓝色钢笔画的是嘴巴——可以顺便了解这四个元素在Canvas上是怎么精确定位的。

相关文章: