<meter id="pryje"><nav id="pryje"><delect id="pryje"></delect></nav></meter>
          <label id="pryje"></label>

          新聞中心

          EEPW首頁 > 嵌入式系統(tǒng) > 設(shè)計應(yīng)用 > Windows Phone應(yīng)用開發(fā)強化訓(xùn)練:濾罩層可以這樣做

          Windows Phone應(yīng)用開發(fā)強化訓(xùn)練:濾罩層可以這樣做

          作者: 時間:2016-09-12 來源:網(wǎng)絡(luò) 收藏

          我先不說什么,給大家看一個截圖。

          本文引用地址:http://www.ex-cimer.com/article/201609/303398.htm

          呵呵,這是一個灰常低水準(zhǔn)的濾罩效果,如果你覺得有意思,我貼出XAML來。

          [html] view plain copy print?
          1. Gridx:Name=LayoutRootBackground=Transparent>
          2. ImageSource=/lan.jpgStretch=UniformCanvas.ZIndex=0/>
          3. RectangleCanvas.ZIndex=1Fill=BlackOpacity=0.7/>
          4. Imagex:Name=myImgStretch=UniformSource=/lan.jpgCanvas.ZIndex=2>
          5. Image.Clip>
          6. GeometryGroup>
          7. EllipseGeometryCenter=100,129RadiusX=80RadiusY=80/>
          8. EllipseGeometryCenter=280,380RadiusX=60RadiusY=60/>
          9. EllipseGeometryCenter=410,520RadiusX=65RadiusY=65/>
          10. EllipseGeometryCenter=325,36RadiusX=60RadiusY=60/>
          11. EllipseGeometryCenter=125,611RadiusX=50RadiusY=50/>
          12. EllipseGeometryCenter=62,395RadiusX=75RadiusY=75/>
          13. /GeometryGroup>
          14. /Image.Clip>
          15. /Image>
          16. /Grid>


          上面的碼子很簡單了,其實,核心就是充分利用了UIElement的Clip,是的,你把它用好了,會弄出不少好玩的東東來的。

          說說大致的原理。

          其實我是用了兩個Image,最下面一層的圖片不進行Clip而上再蓋一個Rectangle,這個矩把透明度稍稍調(diào)一下,這樣看起來,下面的圖片會變暗。然后在最上層再放一個Image控件,這個控件就采用了Clip,于是,幾個元素重疊起來就看到了濾罩效果。

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



          關(guān)鍵詞: Windows Phone

          評論


          相關(guān)推薦

          技術(shù)專區(qū)

          關(guān)閉
          看屁屁www成人影院,亚洲人妻成人图片,亚洲精品成人午夜在线,日韩在线 欧美成人 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();