WPF基础入门3 - Panel和 Canvas基本使用

2024-06-03 11:22:11

一 Panel

WPF的布局控件都从System.Windows.Controls.Panel基类继承；

Pane类的公共属性很多；例如，

Cursor
获取或设置在鼠标指针位于此元素上时显示的光标。

DataContext
获取或设置元素参与数据绑定时的数据上下文。

FontFamily
获取或设置控件的字体系列。

FontSize
获取或设置字号。

Height
获取或设置元素的建议高度。

Name
获取或设置元素的标识名称。该名称提供一个引用，以便当 XAML 处理器在处理过程中构造标记元素之后，代码隐藏（如事件处理程序代码）可以对该元素进行引用。

Width
获取或设置元素的宽度。
......

一个Panel 的呈现就是测量和排列子控件，然后在屏幕上绘制它们。
每当Panel内的子控件改变其位置时，布局系统就可能触发一个新的处理过程。

二. Canvas

Canvas是最基本的面板，只是一个存储控件的容器，它不会自动调整内部元素的排列及大小，它仅支持用显式坐标定位控件。可以使用Left、Top、Right、 Bottom附加属性在Canvas中定位控件。
Canvas的主要用途是用来画图。Canvas默认不会自动裁减超过自身范围的内容，即溢出的内容会显示在Canvas外面，这是因为默认 ClipToBounds=”False”。

<Pagexmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><Grid>  <Canvas Margin="0,0,0,0" Background="White"><Rectangle Fill="Blue" Stroke="Azure" Width="250" Height="200" Canvas.Left="150" Canvas.Top="100"/></Canvas><Canvas><Button Name="btnByCode">后台代码实现</Button></Canvas></Grid>
</Page>

代码通过设置Rectangle距离Canvas左边150像素、距离Canvas顶部100像素，来给定Rectangle的位置；
<Rectangle Fill="Blue" ...
使用蓝色填充矩形；

WPF基础入门3 - Panel和 Canvas基本使用相关推荐

C#-WPF基础入门和进阶系列课程1 运算符封装和案例
创建控制台项目,主函数中定义创建如下: 任何复杂的业务,都是在此基础上面去增加扩展出来的! 根基基础扎实了,变化的业务输出也才会是水到渠成的事情: 否则您仍然会寸步难行: #region 运算符封装基 ...
WPF基础入门2 - WPF窗口类和垂直布局面板基本使用
新建一个wpf工程:编辑xaml代码如下: <Window x:Class="test1.Window1"xmlns="http://schemas.microso ...
WPF基础入门 - 1
使用SharpDevelop:新建一个WPF项目:新建以后如下: .xaml是设计时设计界面的文件:每个xaml对应有一个.cs文件: 默认生成一个WPF窗口,Window1: xmlns=...,这 ...
大话C# WPF基础入门进阶，深入浅出解析章节教程 9 循环入门2初级点
铁打的营盘,流水的兵: 努力把您个人变成营盘!而不是一直身处极其被动境地中!:才是本事能力的具体体现啊主函数定义: #region 循环+2:1931: Console.Wr ...
大话C# WPF基础入门进阶，深入浅出解析章节教程 8 循环入门初级点亲测可用！
主函数循环: 完全凭借记忆去手写循环代码,不能说最初级的也差不多了: 男人也只能靠明象做事才是唯一的出路,尤其像您某些人,完全没有家底,没有背景,而且中途还选择了错误方向的时候更加该明确出路的做事方向 ...
Android基础入门教程——8.3.18 Canvas API详解(Part 3)Matrix和drawBitmapMash
Android基础入门教程--8.3.18 Canvas API详解(Part 3)Matrix和drawBitmapMash 标签(空格分隔): Android基础入门教程本节引言: 在Canva ...
WPF编程基础入门 ——— 第二章 XAML
XAML 简述 XAML(eXtensible Application Markup Language,可扩展应用程序标记语言)是微软公司创建的一种新的描述性语言,用于搭建应用程序用户界面.XAML实 ...
WPF编程基础入门 ——— 第三章布局（五）布局面板WrapPanel
WPF布局--布局面板WrapPanel WPF--WrapPanel布局控件 WrapPanel实例--十个按钮 WPF--WrapPanel布局控件 WrapPanel(自动折行面板),允许任意多 ...
Unity快速入门之一 3D基础概念、Camera、Canvas RenderMode的几种方式对比
最近要给公司的小伙伴做Unity入门,针对几个常用的知识进行快速入门介绍. Unity快速入门之一 3D基础概念.Camera.Canvas RenderMode的几种方式对比_翕翕堂 Unity快速 ...

最新文章

热门文章