Border控件,以及几个重要要的属性:
Background:背景的 Brush 对象
BorderBrush:用来绘制边框
BorderThickness: Border 边框的宽度,设置边框每一边的线条的宽度
CornerRadius:Border 的每一个角圆的半径
Padding:内容与边框的之间的间隔

更多信息:http://msdn.microsoft.com/zh-cn/library/vstudio/system.windows.controls.border.aspx

<Border BorderBrush="#FFF1621E" BorderThickness="20,10" Margin="" CornerRadius="">
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFECFFDF" Offset="0.75"/>
<GradientStop Color="#FFC0FF96" Offset=""/>
</LinearGradientBrush>
</Border.Background>
<TextBlock Margin="6,7,8,7" TextWrapping="Wrap" Text=" Border 只能包含一个子元素,用于生成边框"/>
</Border>

Grid是一个重要的布局元素,也是最常用的一个布局元素

<Grid Grid.Column="" Margin="8,8,0,8">
<Grid.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF95D241" Offset="0.806"/>
<GradientStop Color="#FFB9F764" Offset=""/>
</LinearGradientBrush>
</Grid.Background>
<TextBlock TextWrapping="Wrap" Height="38.08" VerticalAlignment="Top"><Run Text="Grid 采用非常灵活的行和列(构成 网格 )布局来排列子元素。"/></TextBlock>
<Rectangle
Fill="{DynamicResource StandardLinearGradientBrush}" Stroke="Black" Width="" HorizontalAlignment="Left" Margin="8,63.08,0,42"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Margin="31.192,0,0,18.92" Stroke="Black" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="" RadiusY="10.34" RadiusX="10.34"/>
<Rectangle Fill="{DynamicResource {x:Static SystemColors.InactiveCaptionBrushKey}}" Margin="70.192,0,79.952,42" Stroke="Black" RadiusY="8.42" RadiusX="8.42" Height="" VerticalAlignment="Bottom"/>
</Grid>

Canvas是一个画布容器,它本身不会调整内部元素的位置和大小.如果不指定内部元素的位置则默认显示在左上角

Canvas.Top  设置元素距Canvas顶部的距离,Canvas.Bottom  设置元素距Canvas底部的距离,Canvas.Left  设置元素距Canvas左边界的距离,Canvas.Right    设置元素距Canvas右边界的距离

更多信息:http://msdn.microsoft.com/zh-cn/library/vstudio/system.windows.controls.grid.aspx

<Canvas Background="{DynamicResource {x:Static SystemColors.ActiveCaptionBrushKey}}" Grid.Column="" Margin="" >
<TextBlock TextWrapping="Wrap" Text="Canvas 按照 X 和 Y 绝对坐标来排列子元素。 可用于固定元素在运行期间所在的屏幕位置,这与空白“画布” 类似。" Height="" Width=""/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Canvas.Left="" Stroke="Black" Canvas.Top="" Width="49.048"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Canvas.Left="34.048" Stroke="Black" Canvas.Top="" Width=""/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="36.08" Canvas.Left="62.048" Stroke="Black" Canvas.Top="112.92" Width=""/>
</Canvas>

stackpanel控件

<StackPanel Background="#FFCDE540" Margin="8,3.769,1.76,0" Grid.Row="" >
<TextBlock TextWrapping="Wrap" Text="StackPanel 将子元素沿水平或垂直方向排列(或 堆叠 )成一行。" Height=""/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Stroke="Black" Width="49.048" HorizontalAlignment="Left" Margin="8,0,0,0"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Stroke="Black" Width="" HorizontalAlignment="Left" Margin="34.048,0,0,0"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="29.08" Stroke="Black" Margin="71.048,0,69,0"/>
</StackPanel>

更多的信息可以以下了解:

http://msdn.microsoft.com/zh-cn/library/system.windows.controls.stackpanel.aspx

dockpanel控件展示

    <DockPanel Background="#FF63A5EB" Grid.Column="" Margin="8,3.769,0,0" Grid.Row="" >
<TextBlock TextWrapping="Wrap" Text="DockPanel 将子元素沿水平或垂直方向排列(或 堆叠 )成一行。" Width="135.048"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Stroke="Black" Width="49.048" Margin="0,0,0,10" VerticalAlignment="Bottom" DockPanel.Dock="Bottom"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Stroke="Black" Width="" Margin="0,0,0,10" VerticalAlignment="Bottom" DockPanel.Dock="Bottom"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="42.08" Stroke="Black" Width="" Margin="0,0,0,10" VerticalAlignment="Bottom" DockPanel.Dock="Bottom"/>
</DockPanel>

更多的信息可以以下了解:

http://msdn.microsoft.com/zh-cn/library/vstudio/system.windows.controls.dockpanel.aspx

ScrollViewer控件

    <ScrollViewer Background="#FF99D1AC" Grid.Column="" Margin="8,0,8,3.769" Grid.Row="" >
<Grid>
<TextBlock TextWrapping="Wrap" Text="ScrollViewer 一个允许您滚动其中所含的子元素的元素。该元素仅包含单个子元素。" Height="" VerticalAlignment="Top"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Stroke="Black" Width="49.048" HorizontalAlignment="Left" Margin="8,0,0,40.931" VerticalAlignment="Bottom"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="" Stroke="Black" Width="" HorizontalAlignment="Left" Margin="34.048,0,0,19.931" VerticalAlignment="Bottom"/>
<Rectangle Fill="{DynamicResource StandardLinearGradientBrush}" Height="28.931" Stroke="Black" Margin="51.048,0,71.096,8" VerticalAlignment="Bottom"/>
</Grid>
</ScrollViewer>

效果展示:

展示当前的集中控件,更多详细信息http://msdn.microsoft.com/zh-cn/library/vstudio/system.windows.controls.aspx
当前demo下载:http://files.cnblogs.com/BABLOVE/WPF%E5%B8%83%E5%B1%80%E5%AE%B9%E5%99%A8%E7%BB%BC%E5%90%88%E6%BC%94%E7%A4%BA.rar

WPF布局容器综合展示的更多相关文章

  1. WPF 布局之综合实例

    WPF 布局之综合实例 <Window x:Class="UniFormGridDemo.MainWindow" xmlns="http://schemas.mic ...

  2. WPF 10天修炼 第四天- WPF布局容器

    WPF布局 WPF的窗口也就是Window类,是一个内容控件,该控件派生自ContentControl.内容控件有一个Content属性,该属性有一个限制,只能放置一个用户界面元素,或一个字符串.为了 ...

  3. WPF布局容器

    1.StackPanel:堆栈面板,通过Orientation属性设置子元素的布局排列方向为“Vertical”(垂直)和“Horizontal”(水平),不写其默认值为“Vertical”,当设置为 ...

  4. 学习WPF——WPF布局——了解布局容器

    WPF布局工作内部原理 WPF渲染布局时主要执行了两个工作:测量和排列 测量阶段,容器遍历所有子元素,并询问子元素所期望的尺寸 排列阶段,容器在合适的位置放置子元素,并设置元素的最终尺寸 这是一个递归 ...

  5. 浅谈 WPF布局

    我们首先来了解一下图形化用户界面(Graphic User Interface)也就是我们常常听到的GUI.举个简单的例子,同样是数据,我们可以用控制台程序加格式控制符等输出,但是这些都不如GUI来的 ...

  6. WPF布局介绍(1)

    开局一张图,内容全靠...,本系列的文章, 主要针对刚入门.亦或是从 winform/bs转过来的开发人员快速入门的指南, 相对于其它一些文章中会详细的从项目如何建立到其实现的原理及组成部分, 本系列 ...

  7. 【WPF学习】第十章 WPF布局示例

    前几章用了相当大的篇幅研究有关WPF布局容器的复杂内容.在掌握了这些基础知识后,就可以研究几个完整的布局示例.通过研究完整的布局示例,可更好的理解各种WPF布局概念在实际窗口中的工作方式. 一.列设置 ...

  8. 学习WPF——WPF布局——初识布局容器

    StackPanel堆叠布局 StackPanel是简单布局方式之一,可以很方便的进行纵向布局和横向布局 StackPanel默认是纵向布局的 <Window x:Class="Wpf ...

  9. WPF快速入门系列(1)——WPF布局概览

    一.引言 关于WPF早在一年前就已经看过<深入浅出WPF>这本书,当时看完之后由于没有做笔记,以至于我现在又重新捡起来并记录下学习的过程,本系列将是一个WPF快速入门系列,主要介绍WPF中 ...

随机推荐

  1. Js- 菜单

    很简单的JS二级菜单显示,收藏 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...

  2. 一步一步学android控件(之二十五)—— SeekBar

    SeekBar扩展自ProgressBar——在ProgressBar的基础上添加了一个用户可以拖拽的thum. SeekBar.OnSeekBarChangeListener是接收SeekBar进度 ...

  3. Linux下l2tp客户端xl2tpd的安装配置

    1.下载xl2tp http://pkgs.org/search/?query=xl2tp&type=smart选择相应的版本进行下载 2.安装xl2tp和ppp yum install xl ...

  4. FC网络学习笔记01

    1.Fibre Channel 也就是“网状通道”的意思,简称FC,可以称其为FC协议.FC网络或FC互联. 2.像TCP/IP一样,FC协议集同样具备TCP/IP协议集以及以太网中的概念,比如FC交 ...

  5. C语言中volatilekeyword的作用

    一.前言 1.编译器优化介绍: 由于内存訪问速度远不及CPU处理速度,为提高机器总体性能,在硬件上引入硬件快速缓存Cache,加速对内存的訪问.另外在现代CPU中指令的运行并不一定严格依照顺序运行,没 ...

  6. [TypeScript] Installing TypeScript and Running the TypeScript Compiler (tsc)

    This lesson shows you how to install TypeScript and run the TypeScript compiler against a .ts file f ...

  7. nodejs保存文件的问题

    从前端到那里jar包失败: 保存到本地管理机jar包md5sum上传正确的值md5sum值不相等.并上传 处理 没有错误,说明保存过程中的错误: 前面是base64然后转码后jar包内容放进reque ...

  8. php通过文件头检测文件类型通用类(zip,rar…)(转)

    在做web应用时候,通过web扩展名判断上存文件类型,这个是我们常使用的.有时候我们这样做还不完善.可能有些人上存一些文件,但是他通过修改 扩展名,让在我们的文件类型之内. 单实际访问时候又不能展示( ...

  9. (转载)OSI七层参考模型和TCP/IP四层参考模型

    Mallory   网络模型概念浅析 网络模型一般是指OSI七层参考模型和TCP/IP四层参考模型. #只是一种设计==模型# Open System Interconnect的缩写,意为开放式系统互 ...

  10. .net缓存应用与分析

    在 ASP.NET 提供的许多特性中,相比 ASP.NET 的所有其他特性,缓存对应用程序的性能具有最大的潜在影响,利用缓存和其他机制,ASP.NET 开发人员可以接受使用开销很大的控件(例如,Dat ...