WPF and Silverlight学习笔记(八):WPF布局管理之Grid、UniformGrid

一、Grid

Grid是以表格形式组织控件的一种布局方式,与Java AWT中 的GridLayout类似,但区别在于

WPF中的Grid的每一个单元格中可以放置 多个控件,但控件可能会层叠在一起

WPF中的Grid支持单元格的合并,类 似于HTML中的table td中的rowspan和colspan

Grid中的行和列可以自定 义高度(Height)和宽度(Width)

在设置高度和宽度时可以采用两种写 法:

1)Height=”60”:不加“星号”表示固定 的高度

2)Height=”60*”:加“星号”表示 “加权”的高度,在调整窗体大小时,此高度或宽度会按窗体大小改 变的比例进行缩放

如:

1: <Grid>
2:    <Grid.RowDefinitions>
3:     <RowDefinition  Height="60" />
4:     <RowDefinition  Height="202*" />
5:    </Grid.RowDefinitions>
6:    <Grid.ColumnDefinitions>
7:      <ColumnDefinition/>
8:      <ColumnDefinition/>
9:    </Grid.ColumnDefinitions>
10:   <Button  Grid.Column="0" Grid.Row="0"  Height="30"  VerticalAlignment="Top">ButtonA</Button>
11:    <Button Grid.Column="0" Grid.Row="0"  Height="30"  VerticalAlignment="Bottom">ButtonB</Button>
12:   <Button Grid.Column="1"  Grid.Row="0">ButtonC</Button>
13:    <Button Grid.Column="0" Grid.Row="1"  Grid.ColumnSpan="2">ButtonD</Button>
14:  </Grid>

二、使用GridSplit分割

可以使用GridSplit控件结合Grid控件 实现类似于Windows应用程序中SplitContainer的功能,如下面的应用程序:

时间: 2024-12-14 08:50:49

WPF and Silverlight学习笔记(八):WPF布局管理之Grid、UniformGrid的相关文章

WPF and Silverlight学习笔记(七)

WPF and Silverlight学习笔记(七):WPF布局管理之StackPanel.WrapPanel.DockPanel 一.StackPanel StackPanel是以堆叠的方式显示其中的控件 1 .可以使用Orientation属性更改堆叠的顺序 Orientation="Vertical" 默认,由上到下显示各控件 .控件在未定义的前提下,宽度为StackPanel的宽度,高度自动适应控件中内容 的高度 1: <StackPanel Orientation=&q

WPF and Silverlight学习笔记(二十五)

WPF and Silverlight学习笔记(二十五):使用CollectionView实现对绑定数据的排序.筛选.分组 在第二十三节,我们使用CollectionView实现了对于绑定数据的导航,除导 航功能外,还可以通过CollectionView对数据进行类似于DataView的排序.筛选 等功能. 一.数据的排序: 使用第二十四节的数据源,查询所有 的产品信息: 1: <Window x:Class="WPF_24.CollectionViewSortData" 2:

WPF and Silverlight学习笔记(十二)

WPF and Silverlight学习笔记(十二):WPF Panel内容模型.Decorator内容模型及其他 一.Panel内容模型 Panel内容模型指从 System.Windows.Controls.Panel继承的控件,这些控件都是容器,可以在内部 承载其他的控件和子容器.Panel内容模型包含的容器有: Canvas DockPanel Grid TabPanel ToolBarO verflowPanel UniformGrid StackPanel ToolBarPanel

WPF and Silverlight学习笔记(一):开发环境及参考资料

前一段时间一直很忙很忙,从4月份开始终于有时间学习一些新的东西了.回 头一看,要学习整理的东西太多了:WPF.WCF.WF.Silverlight.JQuery. Ajax.ASP.Net MVC.ADO.Net Entry-想了想,终于决定先学习整理一下 WPF和Silverlight的内容.并与园子里的朋友分享. 笔者的开发环境如 下: 操作系统:Vista+SP1 英文版 开发工具:Visual Studio 2008+SP1英文版 Silverlight 3.0 Beta Silverl

WPF and Silverlight学习笔记(二十九):Brush(1)

在WPF和Silverlight中,Brush是应用很多的一种类型,主要用于填充各种图 形及控件.Brush及其子类位于System.Windows.Media命名空间,其继承关系如 下图所示: 一.SolidColorBrush SolidColorBrush是最简单的一种Brush,包含 一个Color属性,表示单色的画刷,例如使用红色填充一个矩形: 1: <Rectangle Margin="5" Height="50"> 2: <Recta

WPF and Silverlight 学习笔记(九):WPF布局管理之Canvas、InkCanvas

一.Canvas 在WPF中子元素的绝对定位的布局控件 其子元素使 用Width.Height定义元素的宽度和高度 使用Convas.Left (Convas.Right).Convas.Top(Convas.Bottom)定义与Convas容器的相对位 置 如果同时存在Convas.Left和Convas.Right.Convas.Top和 Convas.Bottom,则Convas.Left.Convas.Top优先生效 例如: 1: <Canvas> 2: <Button Canv

WPF and Silverlight学习笔记(二十八):基本图形的使用(3)图形的操作

接上一篇文章,在WPF中对图形进行操作,上一篇文章中使用了ImageSource (BitmapSource)中的两种: 1.使用BitmapImage加载图片2.使用 RenderTargetBitmap创建图片3.使用RenderTargetBitmap修改图片 本 文继续 4.使用WriteableBitmap修改图片 在使用 RenderTargetBitmap修改图片中,原图片不变,只相当于在原图片的基础上添加 一节新的内容,而如果对图片进行大的更改RenderTargetBitmap

WPF and Silverlight学习笔记(十八):WPF样式(Style)与模板(Template)

一.WPF样式 类似于Web应用程序中的CSS,在WPF中可以为控件定义统 一的样式(Style).样式属于资源的一种,例如为Button定义统一的背景颜色 和字体: 1: <Window.Resources> 2: <Style 3: TargetType="Button"> 4: <Setter Property="Background" Value="Yellow" /> 5: <Setter Pr

WPF and Silverlight学习笔记(二):WPF和Silverlight概述

WPF(Windows Presentation Foundation,Windows外观基础(直译))是基 于Framework 3.0(含以后版本)的新一代Windows界面开发技术. Silverlight(中文翻译为"银光"),可以看成是WPF的Web 应用产品,其早先名为WPF/E.其主要应用于Web富客户端应用程序(RIA,Rich Interface Application).现阶段此技术可以说比较"火",微软 在此方面主要的对手就是Adobe公司的以