WPF笔记(1.10 绘图)——Hello,WPF!

  1. 云栖社区>
  2. 博客>
  3. 正文

WPF笔记(1.10 绘图)——Hello,WPF!

杰克.陈 2015-11-13 17:35:00 浏览785
展开阅读全文
原文:WPF笔记(1.10 绘图)——Hello,WPF!

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

img_a6339ee3e57d1d52bc7d02b338e15a60.gif        <Button>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
<Button.LayoutTransform>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                
<ScaleTransform  ScaleX="3" ScaleY="3" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
</Button.LayoutTransform>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
<StackPanel Orientation="Horizontal">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                
<Canvas Width="20" Height="18" VerticalAlignment="Center">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                    
<Ellipse Canvas.Left="1" Canvas.Top="1" Width="16" Height="16"
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                      Fill
="Yellow" Stroke="Black" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                    
<Ellipse Canvas.Left="4.5" Canvas.Top="5" Width="2.5" Height="3"
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                      Fill
="Black" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                    
<Ellipse Canvas.Left="11" Canvas.Top="5" Width="2.5" Height="3"
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                      Fill
="Black" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                    
<Path Data="M 5,10 A 3,3 0 0 0 13,10" Stroke="Blue" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                
</Canvas>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                
<TextBlock VerticalAlignment="Center">Click!</TextBlock>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
</StackPanel>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
</Button>

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

网友评论

登录后评论
0/500
评论
杰克.陈
+ 关注