首页 > 嵌入式软件 > windows phone

我先不说什么,给大家看一个截图。

本文引用地址: http://embed.21ic.com/software/windowsphone/201605/41254.html

 

呵呵,这是一个灰常低水准的滤罩效果,如果你觉得有意思,我贴出XAML来。

[html] view plain copy print?
  1. <Grid x:Name="LayoutRoot" Background="Transparent">  
  2.     <Image Source="/lan.jpg" Stretch="Uniform" Canvas.ZIndex="0"/>  
  3.     <Rectangle Canvas.ZIndex="1" Fill="Black" Opacity="0.7"/>  
  4.     <Image x:Name="myImg" Stretch="Uniform" Source="/lan.jpg" Canvas.ZIndex="2">  
  5.         <Image.Clip>  
  6.             <GeometryGroup>  
  7.                 <EllipseGeometry Center="100,129" RadiusX="80" RadiusY="80"/>  
  8.                 <EllipseGeometry Center="280,380" RadiusX="60" RadiusY="60"/>  
  9.                 <EllipseGeometry Center="410,520" RadiusX="65" RadiusY="65"/>  
  10.                 <EllipseGeometry Center="325,36" RadiusX="60" RadiusY="60"/>  
  11.                 <EllipseGeometry Center="125,611" RadiusX="50" RadiusY="50"/>  
  12.                 <EllipseGeometry Center="62,395" RadiusX="75" RadiusY="75"/>  
  13.             </GeometryGroup>  
  14.         </Image.Clip>  
  15.     </Image>  
  16. </Grid>  


上面的码子很简单了,其实,核心就是充分利用了UIElement的Clip,是的,你把它用好了,会弄出不少好玩的东东来的。

 

说说大致的原理。

其实我是用了两个Image,最下面一层的图片不进行Clip而上再盖一个Rectangle,这个矩把透明度稍稍调一下,这样看起来,下面的图片会变暗。然后在最上层再放一个Image控件,这个控件就采用了Clip,于是,几个元素重叠起来就看到了滤罩效果。

如果你把下面的Image和矩形隐藏了,你就知道其中的玄机了。

换一批

延伸阅读

[真心话] 怀揣成为电子工程师梦想的你,在学校中应该做些什么?

怀揣成为电子工程师梦想的你,在学校中应该做些什么?

但是学校里学到的很多东西,会影响一个工程师成长的速度。一个门槛迈过去,就是策马奔腾;迈不过去,就是老牛慢车。这个门槛常常是理论基础。......

关键字:电子工程师

[真心话] 单片机大师郭天祥的大学六年,看看与你的有何不同?

单片机大师郭天祥的大学六年,看看与你的有何不同?

在哈尔滨工程大学五年,我在学校电子创新实验室呆了四年,这四年里创新实验室给我提供了良好的学习环境和完善的实验设备;在这里与众多电子爱好者的交流中,使我学到了更多的专业知识;在学校老师们的教导下,让我学会了如何做一名合格的大学生。......

关键字:单片机 郭天祥

[新鲜事] 科学家证实:最早拥有自我意识的物种竟然是海豚!

科学家证实:最早拥有自我意识的物种竟然是海豚!

近期,研究人员发现宽吻海豚(bottlenose dolphin)是自我意识出现最早的物种,甚至比人类和黑猩猩还要早。......

关键字:海豚
条评论

我 要 评 论

网友评论

大家都爱看

  • 扇出型晶圆级封装的优势和挑战!

    我们有能力创造一些能保持前代性能并且更好更小的电子设备,例如今天的可穿戴设备、智能手机或平板电脑,这是由于很多因素超过摩尔定律而快速发展,从而能够从底层的嵌入组件发展到今天把它们封…

    2018-03-29
  • Xilinx推出革命性的新型自适应计算产品

    自适应和智能计算的全球领先企业赛灵思公司(Xilinx, Inc.,(NASDAQ:XLNX)),近日宣布推出一款超越FPGA功能的突破性新型产品,名为ACAP(Adaptive Compute Acceleration Platform,自适应计算加速…

    2018-03-20
  • 赛普拉斯为树莓派3 B+ IoT单板计算机提供强大稳定的无

    先进嵌入式系统解决方案的领导者赛普拉斯(纳斯达克代码:CY)近日宣布其Wi-Fi&#174;和蓝牙&#174;combo解决方案为全新的树莓派 3 B+(Raspberry Pi 3Model B+)IoT单板计算机提供强大稳定的无线连接…

    2018-03-20
  • 观看直播领红包,SEED-A10加速卡助力人工智能

    随着云服务器、云计算的发展,大家对硬件加速的需求越来越多,但是随着设备功耗的上升、性能需求越来越高,常规加速设备以及开始不能满足需求,因此FPGA逐渐在硬件加速中找到了自己的位置,而艾…

    2018-03-19
  • 特朗普:博通不得以任何形式收购高通

    白宫周一(3月12日)晚发出声明,川普(特朗普)总统出于“国家安全”考量、禁止新加坡博通公司(Broadcom)收购美国高通公司(Qualcomm)。

    2018-03-14