IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    Windows 10 UWP开发:如何制作圆形头像

    汪宇杰发表于 2016-01-28 12:55:00
    love 0

    曾经有个美好的时代,所有的用户头像都是方的。不知何时起,似乎是某果带了头,一阵风把许多应用的用户头像都吹成了圆形……

    以前做方块头像很简单,用Grid或者Border包一下图片就好:

    <Grid Width="200" Height="200">
        <Image Source="Assets/applefans.jpg" />
    </Grid>
    

    Windows 10开始,微软作为最大的果粉,也把用户头像都改成圆的了。XAML里面制作圆形头像其实不用真正去裁剪图片。首先画个圆,用ellipse,宽度和高度相等就是个圆形,不等就是个蛋蛋。

    <Ellipse Height="200" Width="200">

     

    Ellipse有很多填充方式,比如单色、渐变色、网页、图片。

    这里我们用图片填充就OK了:

    <Ellipse Height="200" Width="200">
        <Ellipse.Fill>
            <ImageBrush ImageSource="Assets/applefans.jpg" />
        </Ellipse.Fill>
    </Ellipse>
    

     

    接下来就让这位果粉头目继续天天给iOS更新应用吧~

    开发UWP的都是傻逼



沪ICP备19023445号-2号
友情链接