初识WPF

                                    WPF

WPF(Windows Presentation Foundation)是微软推出的基于Windows 的用户框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作：同时它提供了全新的多媒体交互用户图形界面。
通过学习，接触到了五个布局元素，它们分别是：Grid网格；DockPanel：泊靠式面板；StackPanel：栈式面板；WrapPanel：自动拆行面板；Canvas：画布。
现在运用学到的知识制作的是一个简单的StackPanel栈式面板WPF窗口程序：
StackPanel：栈式面板
StackPanel就是将控件按照行或列来顺序排列，但不会换行。
通过设置面板的Orientation属性设置了两种排列方式：横排（Horizontal默认的）和竖排（Vertical）。
默认情况下，水平排列时，每个元素都与面板一样高；垂直排列时，每个元素都与面板一样宽。如果包含的元素超过了面板空间，它只会截断多出的内容。
元素的Margin属性用于使元素之间产生一定得间隔，当元素空间大于其内容的空间时，剩余空间将由HorizontalAlignment和 VerticalAlignment属性来决定如何分配。
特点:
每个元素各占一行或者一列
使用场合：
同类元素需要紧凑排列（如制作菜单和列表）。
移除其中的元素后能够自动补缺的布局或者动画。

使用StackPanel来进行布局：

<Window x:Class="Button.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="456" Width="235">

    <StackPanel Orientation="Vertical" VerticalAlignment="Stretch">
        <GroupBox Header="商品类型" Height="Auto" FontFamily="楷体">
            <StackPanel Orientation="Vertical" >
                <Button Content="7·DF" FontFamily="楷体"/>
                <Button Content="服装款式（3）" FontFamily="楷体"/>
                <Button Content=" 百搭装饰品（99+）" FontFamily="楷体"/>
                <Button Content="匡威经典款" FontFamily="楷体"/>
                <Button Content="以纯（4）" Foreground="White" FontFamily="楷体" Background="Red"/>
            </StackPanel>
        </GroupBox>

        <GroupBox Header="查询与咨询" Height="Auto" FontFamily="楷体">
            <StackPanel Orientation="Vertical">
                <Button Content="官方微博" FontFamily="楷体"/>
                <Button Content="电子期刊" FontFamily="楷体"/>
                <Button Content="人才服务" FontFamily="楷体"/>
                <Button Content="博客模板" FontFamily="楷体"/>
                <Button Content="反馈和建议" FontFamily="楷体"/>
            </StackPanel>
        </GroupBox>

        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 5 0 5 ">
            <Button Content="東鋒" Margin="5,0,0,0"   FontFamily="楷体"></Button>
            <Button Content="我的博客" Margin="5,0,0,0" FontFamily="楷体"></Button>
            <Button Content="短信息" Margin="5,0,0,0" FontFamily="楷体"></Button>
            <Button Content="設置" Margin="5,0,0,0"   FontFamily="楷体"></Button>
            <Button Content="退出" Margin="5,0,0,0"  FontFamily="楷体"></Button>
        </StackPanel>

        <Calendar/><!--日历-->

    </StackPanel>
</Window>

运行效果：

一个精简的页面由此制作完成。