WPF快速入门2—布局WrapPanel，DockPanel，StackPanel，Canvas

一、WrapPanel 以一行或一列来布置控件

Orientation="Horizontal" 水平排列

button 按钮高度174

效果：

二、DockPanel 元素的排列停靠方式，置于顶部或者下部或者左部、右边

LastChildFill="True"最后控件自动填满

效果：

三、框架布局 DockPanel、 StackPanel

效果

代码：

<Window x:Class="WpfApplication1.Window2"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Window2" Height="300" Width="300"><DockPanel Name="dockPanel1"><StackPanel DockPanel.Dock="Bottom" Name="stackPanel1" Orientation="Horizontal" HorizontalAlignment="Center" ><!--DockPanel.Dock="Bottom"DockPanel底排列 Orientation="Horizontal"垂直排列 HorizontalAlignment="Right"右排列--><Button Content="OK" Margin="10,10,2,10" Padding="3" Name="button1"/><Button Content="Cancel" Margin="2,10,10,10" Padding="3" Name="button2"/></StackPanel><TextBox DockPanel.Dock="Top"  Name="textBox1" Text="This is Tast!" /></DockPanel>
</Window>

效果：

StackPanel 元素按照水平或垂直方向排列，两个方向只能选其一

代码：

    <StackPanel Background="LightBlue"><TextBox x:Name="textbox1"  Margin="5"/><TextBox x:Name="textbox2"  Margin="5"/><StackPanel Orientation="Horizontal"><!--Orientation="Horizontal"内控件水平排列--><TextBox x:Name="textbox3" Width="140" Margin="5"/><TextBox x:Name="textbox4" Width="120" Margin="5"/></StackPanel><Button x:Name="button1" Margin="5"><Image Source="Images/0_131167408810Ed.gif" Width="200" Height="30"/></Button></StackPanel>

四、Canvas 坐标定位

WPF快速入门2—布局WrapPanel，DockPanel，StackPanel，Canvas相关推荐

WPF快速入门系列(6)——WPF资源和样式
WPF快速入门系列(6)--WPF资源和样式一.引言 WPF资源系统可以用来保存一些公有对象和样式,从而实现重用这些对象和样式的作用.而WPF样式是重用元素的格式的重要手段,可以理解样式就如CSS一 ...
.Net5 WPF快速入门系列教程
一.概要在工作中大家会遇到需要学习新的技术或者临时被抽调到新的项目当中进行开发.通常这样的情况比较紧急没有那么多的时间去看书学习.所以这里向wpf技术栈的开发者分享一套wpf教程,基于.net5框架 ...
【转载】WPF快速入门系列(7)——深入解析WPF模板
一.引言模板从字面意思理解是"具有一定规格的样板".在现实生活中,砖块都是方方正正的,那是因为制作砖块的模板是方方正正的,如果我们使模板为圆形的话,则制作出来的砖块就是圆形的,此 ...
WPF快速入门系列(8)——MVVM快速入门
一.引言在前面介绍了WPF一些核心的内容,其中包括WPF布局.依赖属性.路由事件.绑定.命令.资源样式和模板.然而,在WPF还衍生出了一种很好的编程框架,即WVVM,在Web端开发有MVC,在WPF ...
WPF快速入门系列(2)——深入解析依赖属性
一.引言感觉最近都颓废了,好久没有学习写博文了,出于负罪感,今天强烈逼迫自己开始更新WPF系列.尽管最近看到一篇WPF技术是否老矣的文章,但是还是不能阻止我系统学习WPF.今天继续分享WPF中一个最 ...
css html 抽屉,CSS快速入门-前端布局1(抽屉）(示例代码)
一.效果图前面对CSS基础知识有了一定的了解,是时候开始实战了!以下我对抽屉(https://dig.chouti.com/)主页进行模拟布局. 官方网站效果图: 模拟网站图: 二.实现步骤 1.整 ...
HTML5+CSS3之快速入门 day6-day10布局，表单，css精灵，css hack，BFC规范
day06 布局核心: 盒模型(间距) 浮动 (并排) 定位 (覆盖+ 特殊位置) 定位类型position 静态定位 position:static; 默认值静态定位不能使盒子位置变化不适合布局 ...
c# wpf listbox 高度_WPF快速入门系列(1)——WPF布局概览
一.引言关于WPF早在一年前就已经看过<深入浅出WPF>这本书,当时看完之后由于没有做笔记,以至于我现在又重新捡起来并记录下学习的过程,本系列将是一个WPF快速入门系列,主要介绍WPF中 ...
【Qt】QML快速入门7——输入元素
QML快速入门 [Qt]QML快速入门1--语法:https://blog.csdn.net/See_Star/article/details/113729827 [Qt]QML快速入门2--基本元素 ...

WPF快速入门2—布局WrapPanel，DockPanel，StackPanel，Canvas

一、WrapPanel 以一行或一列来布置控件

二、DockPanel 元素的排列停靠方式，置于顶部或者下部或者左部、右边

三、框架布局 DockPanel、 StackPanel

StackPanel 元素按照水平或垂直方向排列，两个方向只能选其一

四、Canvas 坐标定位

WPF快速入门2—布局WrapPanel，DockPanel，StackPanel，Canvas相关推荐

最新文章

热门文章