canvas教程

windows phone (25) Canvas元素B

字号+ 作者:H5之家 来源:H5之家 2017-06-29 16:02 我要评论( )

windows phone (25) Canvas元素B,ZIndex这 也是一个附加属性,表示canvas的children集合内的子元素的显示顺序,在canvas中的元素默认情况下是后面的子元素覆盖前

正文

ZIndex

这 也是一个附加属性,表示canvas的children集合内的子元素的显示顺序,在canvas中的元素默认情况下是后面的子元素覆盖前面的子元素,所 以我们可以使用此附加属性更改显示属性,ZIndex其实是一个虚拟的Z轴,正方向延伸出屏幕的,ZIndex的数值越大,表示在越向外,越小越容易被覆 盖,所以如果想设置某个子元素显示,可以设置ZIndex较大值,ZIndex默认值为0;

触摸处理

下面演示的示例是通过改变RenderTransform属性上的变形对象,从而是元素可以在屏幕上移动,也可以通过在代码中设置left和top附加属性移动Canvas中的元素;

首先在Canva中绘制三个Ellipse元素,并设置演示为红色,绿色和蓝色,另外当移动哪一个ellipse对象的时候,它的ZIndex就会在最上层,也就是设置移动的对象ZIndex值比其他两个大

xaml部分代码:

xaml代码比较简单,两个附加属性设置相对位置,宽和高相等做圆,填充三个不同的颜色;在这里我们重写 OnManipulationStarted和OnManipulationDelta方法,在OnManipulationStarted方法中 e.ManipulationContainer = cav;

部分隐藏代码

base.OnManipulationDelta(e);}

无任何移动下的效果

上 面中我们看到一个新方法就是Canvas.GetLeft(element),这个是获得子元素在canvas中的left值,同理 Canvas.GetTop(element),还有可以看到Canvas.SetZIndex(element,i++);把移动的元素放在最外层

看看移动的效果吧

另一张截图:

五一假期Over了,开始工作吧

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Windows Phone 实用开发技巧(2):使用TombstoneHelper简化墓碑操作

    Windows Phone 实用开发技巧(2):使用TombstoneHelper简化墓碑操作

    2017-06-28 12:05

  • Web 版 powerdesigner (Canvas) 技术分享

    Web 版 powerdesigner (Canvas) 技术分享

    2017-06-27 18:01

  • HTML5精粹:利用HTML5开发令人惊奇的Web站点和革命性应用

    HTML5精粹:利用HTML5开发令人惊奇的Web站点和革命性应用

    2017-06-21 13:04

  • 用canvas 实现个图片三角化(LOW POLY)效果

    用canvas 实现个图片三角化(LOW POLY)效果

    2017-06-18 18:00

网友点评
t