首页 > Windows开发 > 详细

WPF 气泡尖角在左边、下面、右边、上面

时间:2014-11-12 17:44:15      阅读:353      评论:0      收藏:0      [点我收藏+]
原文:WPF 气泡尖角在左边、下面、右边、上面

由于项目需要,在弄一个气泡提示框,根据网上资料,使用Path可以将气泡画出来,下面是我画出来的。

1、气泡尖角在左边的:

  

bubuko.com,布布扣
 <Path Stroke="Black" StrokeThickness="0.1" Fill="Yellow" HorizontalAlignment="Right">
            <Path.Data>
                <PathGeometry Figures="
                                      M 10,10 
                                      L 10,10 200,10 
                                      L 200,10 200,100 
                                      L 200,100 10,100
                                      L 10,40 -10,30
                                      L -10,30 10,30
                                      Z"/>
            </Path.Data>
        </Path>
View Code

 

2、气泡尖角在下面的:

  

bubuko.com,布布扣
<Path Stroke="Black" StrokeThickness="0.1" Fill="Yellow">
            <Path.Data>
                <PathGeometry Figures="
                                      M 10,10 
                                      L 10,10 200,10 
                                      L 200,10 200,100 
 
                                      L 200,100 40,100  
                              
                                      L 40,100  30,110
                                      L 30,110 30,100 
                                      L 30,100 10,100 
                                      Z"/>
            </Path.Data>
        </Path>
View Code

 

3、气泡尖角在右边

  

bubuko.com,布布扣
 <Path Stroke="Black" StrokeThickness="0.1" Fill="Yellow" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="10,0,0,59.339">
            <Path.Data>
                <PathGeometry Figures="
                                      M 10,10 
                                      L 10,10 200,10 
                                      L 200,10 200,80
                                      L 200,80 210,80
                                      L 210,80 200,90
                                      L 200,100 10,100
                                      Z"/>
            </Path.Data>
        </Path>
View Code

 

4、气泡尖角在上面

 

bubuko.com,布布扣
<Path Stroke="Black" StrokeThickness="0.1" Fill="Yellow" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="10,0,0,59.339">
            <Path.Data>
                <PathGeometry Figures="
                                      M 10,10 
                                      L 10,10 180,10 
                                      L 180,10 190,0
                                      L 190,0 190,10
                                      L 190,10,200,10
                                      L 200,100 10,100
                                      
                                      Z"/>
            </Path.Data>
        </Path>
View Code

 

最后的效果显示:

bubuko.com,布布扣 

 

 

WPF 气泡尖角在左边、下面、右边、上面

原文:http://www.cnblogs.com/lonelyxmas/p/4092860.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!