zoukankan      html  css  js  c++  java
  • wpf学习笔记Canvas

            继续发. Canvas为容器控件,用于定位

    1.基本应用

      <Border HorizontalAlignment="Left" VerticalAlignment="Top" BorderBrush="Black" BorderThickness="2">
        
    <Canvas Background="LightBlue" Width="400" Height="400">
          
    <Button Canvas.Top="50">Canvas.Top="50"</Button>
          
    <Button Canvas.Bottom="50">Canvas.Bottom="50"</Button>
          
    <Button Canvas.Left="50">Canvas.Left="50"</Button>
          
    <Button Canvas.Right="50">Canvas.Right="50"</Button>
        
    </Canvas>
      
    </Border>    



    2.当同时设置left和right,top和bottom,以left和top为准

    3.重叠深度设置

    <Canvas>
        
    <Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="100" Canvas.Left="100" Fill="blue"/>
        
    <Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="150" Canvas.Left="150" Fill="yellow"/>
        
    <Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="200" Canvas.Left="200" Fill="green"/>

        
    <!-- Reverse the order to illustrate z-index property -->

        
    <Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="300" Canvas.Left="200" Fill="green"/>
        
    <Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="350" Canvas.Left="150" Fill="yellow"/>
        
    <Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="400" Canvas.Left="100" Fill="blue"/>
      
    </Canvas>

  • 相关阅读:
    oracle 语句 笔记
    10:基于Tomcat部署Web工程
    8.为什么IntelliJ IDEA首次加载比较慢
    04 全局配置,java 编意默认版本,1.6.修改配置
    02 IDEA创创建第一个maven工程
    01 安装IDEA
    spring security权限架架mvn坐标
    RBAC基于角色的权限访问控制
    MyBatis 中的#和$的区别
    python数据相关性分析 (计算相关系数)
  • 原文地址:https://www.cnblogs.com/Clingingboy/p/663491.html
Copyright © 2011-2022 走看看