WPF布局控件相关总结概览

开发 开发工具
WPF布局控件种类繁多,包括:Canvas;DockPanel;StackPanel;Grid;WarpPanel;ViewBox与ScollViewer。我们在文章中对其具体语法与应用做了详细的介绍。

WPF布局控件是一个非常基础的知识点。对于初学WPF的朋友来说, 要向熟练的应用这一工具,首先就应该充分掌握WPF布局控件的应用。#t#

WPF布局控件一 Canvas

英语就是画布的意思。

语法:

  1. < Canvas MinHeight="50" 
  2. MinWidth="50" Name="canvas1"> 
  3. < /Canvas> 

它里面的控件比如放一个button,则:

  1. < Button Canvas.Top="30" 
    Canvas.Left="10"> 
  2. Hello World  
  3. < /Button> 

 

WPF布局控件二 DockPanel

英文的意思是锚的意思

锚定的意思

语法:

  1. < DockPanel MinHeight="50" 
    MinWidth="50" Name=
    "dockPanel1" > 
  2. < /DockPanel> 

它里面的控件:

  1. < Menu DockPanel.Dock="Top"> 
  2. < MenuItem Header="sads"> 
  3. < /MenuItem> 
  4. < /Menu> 

其他的如果控件没写DockPanel.Dock
则分享剩余的DockPanel 位置

WPF布局控件三 StackPanel

英文的意思就是堆放的意思,按照顺序放控件 不用调位置,自动对齐

语法:

  1. < StackPanel Orientation=
    "Horizontal" MinHeight="50" 
    MinWidth="50" Name="stackPanel1" > 
  2. < /StackPanel> 

Orientation="Horizontal" 为排列方式
它里面的控件:

  1. < Button>1< /Button> 
  2. < Button>1< /Button> 
  3. < Button>1< /Button> 

3个按钮自己从左到右排列

WPF布局控件四 Grid

表格的意思,它可以将界面变成几行几列,很象HTML里的Table

 

  1. < Grid Height="200" Name="grid1" 
    ShowGridLines="True" Grid.IsShared
    SizeScope
    ="True" > 
  2. < Grid.ColumnDefinitions > 
  3. < /Grid.ColumnDefinitions> 
  4. < Grid.RowDefinitions> 
  5. < /Grid.RowDefinitions> 
  6. < Button Grid.Column="2" 
    Grid.Row="2" Margin="10">111< /Button> 
  7. < Button Grid.Column="1" 
    Grid.Row="1" Margin="20">2< /Button> 
  8. < /Grid> 

 

定义列宽度

  1. < Grid.ColumnDefinitions >
  2. < /Grid.ColumnDefinitions> 

定义列高度

  1. < Grid.RowDefinitions> 
  2. < /Grid.RowDefinitions> 

WPF布局控件五 WarpPanel

自动调整行和列

  1. < WrapPanel MinHeight="50" 
    MinWidth="50" Name="wrapPanel1" > 
  2. < Button>1< /Button> 
  3. < Button>1< /Button> 
  4. < Button>1< /Button> 
  5. < Button>1< /Button> 
  6. < Button>1< /Button> 
  7. < Button>1< /Button> 
  8. < Button>1< /Button> 
  9. < Button>1< /Button> 
  10. < Button>1< /Button> 
  11. < Button>1< /Button> 
  12. < Button>1< /Button> 
  13. < Button>1< /Button> 
  14. < Button>1< /Button> 
  15. < Button>1< /Button> 
  16. < Button>1< /Button> 
  17. < Button>1< /Button> 
  18. < /WrapPanel> 

 

WPF布局控件六 ViewBox与ScollViewer

前者是按照窗口大小自动调整里面的东西的大小,后者是产生滚动条

责任编辑:曹凯 来源: CSDN
相关推荐

2009-12-24 13:46:03

WPF控件

2009-12-29 13:43:26

WPF URI

2009-12-25 14:35:34

WPF布局

2009-12-29 09:54:27

WPF文字布局

2009-12-28 15:18:29

WPF控件模型

2009-12-28 09:13:50

WPF容器控件

2009-12-28 15:01:39

WPF树应用

2009-12-25 11:23:43

WPF命令模型

2009-12-23 10:01:26

WPF功能

2010-01-05 16:46:14

学习.NET Fram

2009-12-28 17:48:01

WPF界面布局

2009-12-29 10:11:56

WPF布局属性

2009-12-25 15:58:37

WPF数据处理

2012-02-08 10:16:43

WPF

2010-01-26 17:05:37

Android缺点

2010-01-25 15:29:09

Android开发环境

2009-12-14 10:03:57

Ruby惯用法

2009-07-14 11:23:06

CSS技术概览

2009-12-29 13:29:28

WPF Depende

2009-12-24 15:53:19

WPF API
点赞
收藏

51CTO技术栈公众号