WPF教程：[1]WPF教程控件使用

1、首先我们了解，X的意思

x: 前缀将用于映射  XAML xmlns

x:Key：为 ResourceDictionary 中的每个资源设置一个唯一的键。在应用程序标记中 看到的所有

 x: 

用法中 x:Key  可能占到 90%

x:Class：向为XAML 页提供代码隐藏的类指定CLR 命名空间和类名。

必须具有这样一

个类才能支持代码隐藏，

也正是由于这个原因，

即使没有资源，

您也几乎总是会看到映射的

x:Name

：处理对象元素后，为运行时代码中存在的实例指定运行时对象名称。

x:Static

：启用一个获取静态值的值引用，该静态值只能是一个

x:Type

：根据类型名称构造一个

 Type 

2、2、StackPanel的使用

StackPanel  是以堆叠的方式显示其中的控件，他有水平和垂直两种显示方式，如图所示

代码如下，

<StackPanel Orientation="Horizontal">

        <Button>我</Button>

        <Button>是</Button>

        <Button>中</Button>

    </StackPanel>

3、2、WrapPanel的使用方法

以流的形式由左到右，由上到下显示控件

4、5、dockPanel 以上、下、左、右、中为基本结构的布局方式,代码如下

   <DockPanel   >

        <Button Width="100" Height="100" DockPanel.Dock="Top">我</Button>

        <Button Width="100" Height="100" DockPanel.Dock="Bottom">是</Button>

        <Button Width="100" Height="100" DockPanel.Dock="Left">中</Button>

        <Button Width="100" Height="100" DockPanel.Dock="Right">国</Button>

        <Button Width="100" Height="100" >人 </Button>

    </DockPanel>

5、5、grid标签的用法

Grid是以表格形式组织控件的一种布局方式，

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

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

Grid中的行和列可以自定义高度（Height）和宽度（Width）  在设置高度和宽度时可以采用两种写法：  

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

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

Grid.Row  表示行的序号

Grid.Column 表示列的序号

 Grid.ColumnSpan="2" 表示两列合并为一列

代码如下：

<Grid   >

        <Grid.RowDefinitions>

            <RowDefinition Height="123*" />  

            <RowDefinition Height="93*" />

            <RowDefinition Height="93*" /> <!--这里表示表格划分了三行-->

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition/>

            <ColumnDefinition/>

            <!--这里表示表格划分了三列，所以这个表格是三行两列的-->

        </Grid.ColumnDefinitions>

        <!---->

        <Button Width="100" Height="100" Grid.Row="0" Grid.Column="0" >我</Button>

        <Button Width="100" Height="100" Grid.Row="0" Grid.Column="1">是</Button>

        <Button Width="100" Height="100" Grid.Row="1" Grid.Column="0">中</Button>

        <Button Width="100" Height="100" Grid.Row="1" Grid.Column="1" >国</Button>

        <Button Width="100" Height="100"  Grid.Row="2" Grid.Column="0"  Grid.ColumnSpan="2">

            人 </Button>

    </Grid>

6、UniformGrid 

控件为控件提供了一种简化的网格布局。当控件添加到

时，它们会排列在一个网格模式中，该网格模式会自动调整以使控

件之间的距离保持均匀。单元格的数目将进行调整，以适应控件的数目。

在使用UniformGri的时候：

各单元格的大小完全相同

单元格的数量取决于放入的控件的数量，且单元格一定是行、列数相同的，

7、Canvas 在WPF中子元素的绝对定位的布局控件

其子元素使用Width、Height定义元素的宽度和高度

Convas.Left定义左边的距离，Convas.Right定义右边的剧烈，Convas.Top,定义顶部的位置,Convas.Bottom 距离底部的位置

   <Canvas>

        <Button Canvas.Left="10" Canvas.Top="3" Height="10

        <Button Canvas.Right="10" Canvas.Top="10" Height="10

        <Button Canvas.Left="10" Canvas.Bottom="10" Height="10

        <Button Canvas.Right="10" Canvas.Bottom="10" Height="10

    </Canvas>