uwp如何建立任何形状的头像,如圆形,方形,六边形等

最近掌上英雄联盟更新了新的界面,其中“我”界面的更新比较大,我目前还在加紧跟进。在做这个界面的时候,这个头像我想了一下,其实挺好解决的。先上个原图uwp如何建立任何形状的头像,如圆形,方形,六边形等_第1张图片

这个头像一开始我也完全找不到头绪,然后我把头像放大了一下,其实这个头像是用一个园减去一个三角形做出来的,本来我想用路径语法直接画出这样一个图形出来,但是好像有点难,不过我们用VS编程的有一个特殊的工具,Blend for vs。这里可以先画出图形然后自动生产Path。下面介绍一下详细操作。

我们打开blend,先在界面上画一个圆,我个人比较喜欢用代码控制


  uwp如何建立任何形状的头像,如圆形,方形,六边形等_第2张图片

然后画这样一个图形

 

uwp如何建立任何形状的头像,如圆形,方形,六边形等_第3张图片

为什么画这个图形呢,因为要把圆的上面一部分全部遮掉啊!

好了,不多说,我们把两个图形叠到一起。

"0,0 0,10 7,17 14,10 14,0" Fill="Red">
                
                    "173" Y="21"/>
                
            

像这样,给三角形平移一下,我这里没有去严格对齐了,控制代码可以严格对齐

uwp如何建立任何形状的头像,如圆形,方形,六边形等_第4张图片

最后的操作到了

uwp如何建立任何形状的头像,如圆形,方形,六边形等_第5张图片

相减完后,软件会自动给我们生成Path路径

像这样的

 

     "M43,0 L43,0.509874 L50,7.50987 L57,0.509874 L57,0 L57.6145,0.085987 C81.6148,3.75316 100,24.4845 100,49.5099 C100,77.1241 77.6142,99.5099 50,99.5099 C22.3858,99.5099 1E-06,77.1241 0,49.5099 C1E-06,24.4845 18.3852,3.75316 42.3855,0.085987 z" Fill="Green" />

到这里差不多就完结了,最后只需要给Path的Fill设置成ImageBrush就行了

看我的

最后上个效果图

uwp如何建立任何形状的头像,如圆形,方形,六边形等_第6张图片

最后的最后,打广告啦

gayhub:https://github.com/hei12138/MyLOL

有任何问题请联系[email protected]

同时欢迎一起交流

 

你可能感兴趣的:(uwp如何建立任何形状的头像,如圆形,方形,六边形等)