WPF 项目实例

开发工具与关键技术：Visual Studio

今天教大家用WPF做window窗口快速创建表格；
下面我们来看一下代码，

<Window x:Class="Client.View.Order_editing"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Client.View"
        Icon="/Icon/icon.png" 
        Title="订单编辑"  Height="500" Width="1100" 
        WindowStartupLocation="CenterScreen" 
        ResizeMode="NoResize" 
        BorderThickness="1" BorderBrush="White" Background="White" >
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="49*"/>
            <RowDefinition Height="25*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="80*"/>
            <RowDefinition Height="40*"/>
            <RowDefinition Height="20*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1.4*"/>
            <ColumnDefinition Width="1.15*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>

        <Border Width="1080" Height="458" HorizontalAlignment="Center" VerticalAlignment="Top" CornerRadius="15" Grid.RowSpan="11" Grid.ColumnSpan="4">
            <Border.Background>
                <ImageBrush ImageSource="/Client;component/images/upbei.png"/>
            </Border.Background>
        </Border>

        <Border BorderThickness="1" BorderBrush="Gray"  CornerRadius="15,15,15,15" Grid.ColumnSpan="4" Grid.RowSpan="11" />
        <Border BorderThickness="0 0 0 2" Width="1080" Height="50" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,1,0,0" CornerRadius="15,15,0,0" Grid.ColumnSpan="4" BorderBrush="Gray">
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF7AB4FB" Offset="0.992"/>
                    <GradientStop Color="#FFC8FCFF"/>
                    <GradientStop Color="#FF83BCFB" Offset="0.94"/>
                    <GradientStop Color="#FFB9EEFE" Offset="0.193"/>
                </LinearGradientBrush>
            </Border.Background>
        </Border>

        <Button Name="btn_xinzeng" Content="新增" Height="30" Width="60" FontSize="16" Cursor="Hand" Foreground="Black" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="20,10,0,0" Padding="2" BorderBrush="{x:Null}">
            <Button.Background>
                <ImageBrush ImageSource="/Client;component/Icon/anniu.png"/>
            </Button.Background>
        </Button>

        <Button Name="btn_xiugai" Content="保存" Height="30" Width="60" FontSize="16" Cursor="Hand" Foreground="Black" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="100,10,0,0" Padding="2" BorderBrush="{x:Null}">
            <Button.Background>
                <ImageBrush ImageSource="/Client;component/Icon/anniu.png"/>
            </Button.Background>
        </Button>

        <Button Name="btn_dayin" Content="打印" Height="30" Width="60" FontSize="16" Cursor="Hand" Foreground="Black" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="180,10,0,0" Padding="2" BorderBrush="{x:Null}">
            <Button.Background>
                <ImageBrush ImageSource="/Client;component/Icon/anniu.png"/>
            </Button.Background>
        </Button>

        <Button Name="btn_yulan" Content="预览" Height="30" Width="60" FontSize="16" Cursor="Hand" Foreground="Black" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,10,15,0" Padding="2" BorderBrush="{x:Null}">
            <Button.Background>
                <ImageBrush ImageSource="/Client;component/Icon/anniu.png"/>
            </Button.Background>
        </Button>

        <Button Name="btn_tuichu" Content="退出" Height="30" Width="60" FontSize="16" Cursor="Hand" Foreground="Black" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,10,0,0" Padding="2" BorderBrush="{x:Null}" Grid.Column="1">
            <Button.Background>
                <ImageBrush ImageSource="/Client;component/Icon/anniu.png"/>
            </Button.Background>
        </Button>

        <TextBlock Text="订单内容" Height="22" Margin="10,5,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Foreground="#FF0B0BD4" Grid.Column="0" Grid.Row="1" Grid.RowSpan="2" Width="56"/>
        <Border Width="970" Height="1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="75,17,0,0" Background="#FF0B0BD4" Grid.ColumnSpan="4" Grid.Row="1"/>

        <!--第一行-->
        <TextBlock Text="单号：" Height="22" Margin="78,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="2"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="0,9,60,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="0" Grid.Row="2"/>
        <TextBlock Text="★" Margin="0,13,40,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="12" Foreground="Red" Grid.Column="0" Grid.Row="2" Height="15" Width="10"/>

        <TextBlock Text="订单日期：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="1" Grid.Row="2"/>
        <DatePicker Width="150" Height="24" Margin="0,8,35,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Background="{x:Null}" Grid.Column="1" Grid.Row="2" />
        <TextBlock Text="★" Margin="0,13,20,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="12" Foreground="Red" Grid.Column="1" Grid.Row="2" Height="15" Width="10"/>

        <TextBlock Text="发站：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="2" Grid.Row="2"/>
        <ComboBox Width="150" Height="24" IsEditable="true" Margin="56,9,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Grid.Column="2" Grid.Row="2"/>
        <TextBlock Text="★" Margin="0,13,18,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="12" Foreground="Red" Grid.Column="2" Grid.Row="2" Height="15" Width="10"/>

        <TextBlock Text="到站：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="3" Grid.Row="2"/>
        <ComboBox Width="150" Height="24" IsEditable="true" Margin="56,9,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Grid.Column="3" Grid.Row="2"/>
        <TextBlock Text="★" Margin="0,13,18,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="12" Foreground="Red" Grid.Column="3" Grid.Row="2" Height="15" Width="10"/>

        <!--第二行-->
        <TextBlock Text="发货人：" Height="22" Margin="60,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="3"/>
        <ComboBox Width="150" Height="24" IsEditable="true" Margin="0,9,60,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Grid.Column="0" Grid.Row="3"/>
        <TextBlock Text="★" Margin="0,13,40,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="12" Foreground="Red" Grid.Column="0" Grid.Row="3" Height="15" Width="10"/>

        <TextBlock Text="地址：" Height="22" Margin="44,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="1" Grid.Row="3"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="370" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="0,9,55,0" AcceptsReturn="True" Foreground="#777777" Grid.ColumnSpan="3" Grid.Row="3"/>

        <TextBlock Text="电话：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="3" Grid.Row="3"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="56,9,0,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="3" Grid.Row="3"/>

        <!--第三行-->
        <TextBlock Text="收货人：" Height="22" Margin="60,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="4"/>
        <ComboBox Width="150" Height="24" IsEditable="true" Margin="0,9,60,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Grid.Column="0" Grid.Row="4"/>

        <TextBlock Text="地址：" Height="22" Margin="44,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="1" Grid.Row="4"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="370" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="0,9,55,0" AcceptsReturn="True" Foreground="#777777" Grid.ColumnSpan="3" Grid.Row="4"/>

        <TextBlock Text="电话：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="3" Grid.Row="4"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="56,9,0,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="3" Grid.Row="4"/>

        <!--第四行-->
        <TextBlock Text="要求提货时间：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="5"/>
        <DatePicker Width="150" Height="24" Margin="0,9,60,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Background="{x:Null}" Grid.Column="0" Grid.Row="5" />

        <TextBlock Text="货名：" Height="22" Margin="44,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="1" Grid.Row="5"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="630" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="0,9,35,0" AcceptsReturn="True" Foreground="#777777" Grid.ColumnSpan="4" Grid.Row="5"/>

        <!--第五行-->
        <TextBlock Text="要求到货时间：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="6"/>
        <DatePicker Width="150" Height="24" Margin="0,9,60,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Background="{x:Null}" Grid.Column="0" Grid.Row="6" />

        <TextBlock Text="重量：" Height="22" Margin="44,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="1" Grid.Row="6"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="0,8,35,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="1" Grid.Row="6"/>

        <TextBlock Text="体积：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="2" Grid.Row="6"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="56,9,0,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="2" Grid.Row="6"/>

        <TextBlock Text="件数：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="3" Grid.Row="6"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="16"  Padding="2 1 2 0" Margin="56,9,0,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="3" Grid.Row="6"/>

        <!--第六行-->
        <TextBlock Text="需代垫款：" Height="22" Margin="44,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="7"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="150" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16"  Padding="2 1 2 0" Margin="0,9,60,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="0" Grid.Row="7"/>

        <!--第七行-->
        <TextBlock Text="备注：" Height="22" Margin="78,15,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="8"/>
        <TextBox TextWrapping="Wrap" Height="60" Width="925" FontSize="16" Padding="2" AcceptsReturn="True" VerticalScrollBarVisibility="Visible" HorizontalAlignment="Right" VerticalAlignment="Center" Grid.ColumnSpan="4" Grid.Row="8" Margin="0 0 35 0"/>

        <!--第八行-->
        <TextBlock Text="关联托运单：" Height="22" Margin="27,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="0" Grid.Row="9"/>
        <ComboBox Width="150" Height="24" IsEditable="true" Margin="0,9,60,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Grid.Column="0" Grid.Row="9"/>

        <TextBlock Text="创建日期：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="1" Grid.Row="9"/>
        <DatePicker Width="150" Height="24" Margin="0,8,35,0" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="14" Padding="2 2 2 0" Foreground="#FF777777" Background="{x:Null}" Grid.Column="1" Grid.Row="9" />

        <TextBlock Text="创建人：" Height="22" Margin="10,10,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="17" Foreground="#FF333333" Grid.Column="2" Grid.Row="9"/>
        <TextBox MaxLength="20" TextWrapping="NoWrap" Height="24" Width="120" HorizontalAlignment="Right" VerticalAlignment="Top" FontSize="16" Text=""  Padding="2 1 2 0" Margin="0,9,45,0" AcceptsReturn="True" Foreground="#777777" Grid.Column="2" Grid.Row="9"/>

    </Grid>

</Window>

利用Grid.RowDefinitions分行，Grid.ColumnDefinitions分列；
然后利用宽Width和高Height来调节行和列的宽高；
用Grid.Column分列，Grid.Row分行，或者说用Grid.ColumnSpan占据几列，Grid.RowSpan占据几行；
告诉大家一个技巧；设计页面可以按住空格键进行拖拽，分行分列可以用鼠标移到窗体边缘待鼠标键上出现白色加号点击一下鼠标左键可以快速分行分列；可以点击一下选中按钮，把按钮拉到自己想要的位置；
下面来看一下我做出来的效果图：