WPF 通过设置Canvas.ZIndex属性修改图像的图层

对Canvas.ZIndex,MSDN的解释是:获取或设置 Canvas 中对象的 z 顺序呈现行为。

并附有以下示例代码:

 <Grid x:Name="LayoutRoot" Background="White"><Canvas><Ellipse Canvas.ZIndex="3" Canvas.Left="5" Canvas.Top="5" Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="Silver"/><Ellipse Canvas.ZIndex="2" Canvas.Left="50" Canvas.Top="50"  Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="DeepSkyBlue"/><Ellipse Canvas.ZIndex="1" Name="Ellipse1" Canvas.Left="95" Canvas.Top="95"  Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="Lime"/></Canvas></Grid>

注意:本示例使用了Canvas布局对象。

我不禁要问：我平时根本不用Canvas布局，基本都是Grid，如何实现Z序的排列呢？

今天突然发现：还是使用Canvas.ZIndex属性，也就是说用Grid布局，也可以用此属性来实现叠放，不必再套一个Canvas的外衣。让我们修改代码：

    <Grid x:Name="LayoutRoot2" Background="White"><Ellipse     Canvas.ZIndex="3"    Canvas.Left="50" Canvas.Top="50"     Height="200" Width="200"    Stroke="Black" StrokeThickness="10" Fill="Silver" Margin="-9,-9,127,41"/><Ellipse     Canvas.ZIndex="2"    Canvas.Left="50" Canvas.Top="50"     Height="200" Width="200"    Stroke="Black" StrokeThickness="10" Fill="DeepSkyBlue" Margin="25,10,93,22"/><Ellipse     Canvas.ZIndex="1"    Canvas.Left="50" Canvas.Top="50"     Height="200" Width="200"    Stroke="Black" StrokeThickness="10" Fill="Lime" Margin="65,32,53,0"/></Grid>

我们去掉了Canvas布局元素，得到的结果：

这就是附加属性的特别之处，可以被附加到任何元素上。至于有没有用，要根据具体情况具体分析了。

注意到了吗？我特意设置了Ellipse的Canvas.Left="50" Canvas.Top="50"，但是Left和Top并不起作用。

转自：https://www.cnblogs.com/slmk/archive/2011/11/07/2238832.html

WPF 通过设置Canvas.ZIndex属性修改图像的图层相关推荐

linux修改index属性,WPF 通过设置Canvas.ZIndex属性修改图像的图层
WPF 通过设置Canvas.ZIndex属性修改图像的图层 WPF 通过设置Canvas.ZIndex属性修改图像的图层对Canvas.ZIndex,MSDN的解释是:获取或设置 Canvas 中 ...
WPF Button 设置圆角 CornerRadius属性的使用
在WPF,button的默认形态时长方形的,但是我们为了美观,通常需要将button的四个角设计的温和一点,在WPF中就需要用到这样一个属性CornerRadius. 首先我们要画一个button & ...
html设置z index.html,CSS中z-index属性的使用方法和示例介绍
怎么使用CSS z-index属性?下面本篇文章就来给大家浅谈一下CSS z-index属性的使用方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. z-index属性介绍只有设置 ...
CSS 之 z-index 属性详解
一.简介本文主要是对z-index属性进行详细的讲解,包括其使用场景.属性效果.适用范围等等.本博客的所有代码执行的浏览器环境,都是以Chrome浏览器为准. 1.属性作用 z-index属性是用来 ...
html怎么设置z值,css z-index属性怎么用
css z-index 属性用于设置元素的堆叠顺序:拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面.该属性仅能在定位元素上奏效(例如:position:absolute, position: ...
Redis中哈希hash数据类型（增加修改（设置单一属性、设置多个属性）、获取（获取键所有属性、获取单一属性值、获取多个属性值）、删除、使用hash可能出现的问题）
hash⽤于存储对象,对象的结构为属性.值值的类型为string [应用:如购物车内某个宝贝的所有属性] [help hset] 1. 增加.修改 1.1 设置单个属性 hset key fiel ...
html怎么设置z值,使用CSS z-index属性调整元素的方法
使用CSS z-index属性调整元素的方法发布时间:2020-08-27 14:57:29 来源:亿速云阅读:76 作者:小新小编给大家分享一下使用CSS z-index属性调整元素的方法,希 ...
zIndex 属性设置元素的堆叠顺序。
http://www.w3school.com.cn/jsref/prop_style_zindex.asp zIndex 属性设置元素的堆叠顺序. 该属性设置一个定位元素沿 z 轴的位置,z 轴定义 ...
WPF学习之深入浅出话属性
通过前面的学习,我们已经知道Data Binding是WPF"数据驱动UI"理念的基础.上一章我们将主要的精力放在了Binding的数据源这一端,研究了Binding的Source ...

WPF 通过设置Canvas.ZIndex属性修改图像的图层

WPF 通过设置Canvas.ZIndex属性修改图像的图层相关推荐

最新文章

热门文章