1. 布局结果如下

C# WPF UI Tutorials之一——布局 - 图1

2. XAML代码

  1. <Window x:Class="项目10.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  7.         xmlns:local="clr-namespace:项目10"
  8.         mc:Ignorable="d"
  9.         Title="MainWindow" Width="500" Height="850" MinWidth="300" MinHeight="500" WindowStartupLocation="CenterScreen">
  10.     <Border Padding="15">
  11.         <StackPanel>
  13.             <!-- Button -->
  14.             <Grid>
  15.                 <Grid.ColumnDefinitions>
  16.                     <ColumnDefinition Width="*"></ColumnDefinition>
  17.                     <ColumnDefinition Width="*"></ColumnDefinition>
  18.                     <ColumnDefinition Width="*"></ColumnDefinition>
  19.                 </Grid.ColumnDefinitions>
  20.                 <Button Grid.Column="0" x:Name="ButtonApply" Margin="0 0 10 0">Apply</Button>
  21.                 <Button Grid.Column="1" x:Name="ButtonReset" Margin="3 0 3 0">Reset</Button>
  22.                 <Button Grid.Column="2" x:Name="ButtonRefresh" Margin="10 0 10 0">Refresh</Button>
  23.             </Grid>
  25.             <!-- Description -->
  26.             <TextBlock Margin="0 10" FontWeight="Bold">Pluse Properties</TextBlock>
  27.             <TextBlock>Description</TextBlock>
  28.             <TextBox Padding="2"></TextBox>
  29.             <Grid>
  30.                 <Grid.ColumnDefinitions>
  31.                     <ColumnDefinition Width="2*"></ColumnDefinition>
  32.                     <ColumnDefinition Width="*"></ColumnDefinition>
  33.                 </Grid.ColumnDefinitions>
  35.                 <!--Stauts-->
  36.                 <StackPanel Grid.Column="0" Margin="0 0 10 0" Orientation="Vertical">
  37.                     <TextBlock>Status</TextBlock>
  38.                     <TextBox IsReadOnly="True" Padding="2" Background="#eee"></TextBox>
  39.                 </StackPanel>
  40.                 <StackPanel Grid.Column="1" Orientation="Vertical">
  41.                     <TextBlock>Revision</TextBlock>
  42.                     <TextBox IsReadOnly="True" Padding="2" Background="#eee"></TextBox>
  43.                 </StackPanel>
  44.             </Grid>
  45.             <TextBlock>Part Number</TextBlock>
  46.             <TextBox IsReadOnly="True" Padding="2"  Background="#eee"></TextBox>
  48.             <TextBlock Margin="0 10" FontWeight="Bold">Raw Material</TextBlock>
  49.             <TextBlock>Material</TextBlock>
  50.             <ComboBox Padding="2"></ComboBox>
  52.             <TextBlock Margin="0 10" FontWeight="Bold">Manufacturing informations</TextBlock>
  53.             <TextBlock>Work Centers</TextBlock>
  54.             <Grid Margin="2">
  55.                 <Grid.ColumnDefinitions>
  56.                     <ColumnDefinition Width="*"></ColumnDefinition>
  57.                     <ColumnDefinition Width="*"></ColumnDefinition>
  58.                 </Grid.ColumnDefinitions>
  59.                 <StackPanel Grid.Column="0" Margin="0,0,10,0" Orientation="Vertical">
  60.                     <CheckBox Margin="1">Weld</CheckBox>
  61.                     <CheckBox Margin="1">Assembly</CheckBox>
  62.                     <CheckBox Margin="1">Plasma</CheckBox>
  63.                     <CheckBox Margin="1">Laser</CheckBox>
  64.                     <CheckBox Margin="1">Purchase</CheckBox>
  65.                 </StackPanel>
  66.                 <StackPanel Grid.Column="1" Orientation="Vertical">
  67.                     <CheckBox Margin="1">Lathe</CheckBox>
  68.                     <CheckBox Margin="1">Drill</CheckBox>
  69.                     <CheckBox Margin="1">Fold</CheckBox>
  70.                     <CheckBox Margin="1">Roll</CheckBox>
  71.                     <CheckBox Margin="1">Saw</CheckBox>
  72.                 </StackPanel>
  73.             </Grid>
  75.             <TextBlock Margin="0,3">Lenth</TextBlock>
  76.             <TextBox Padding="3"></TextBox>
  77.             <TextBlock Margin="0,3">Mass</TextBlock>
  78.             <TextBox IsReadOnly="True" Padding="2" Background="#eee"></TextBox>
  80.             <TextBlock  Margin="0,3">Finish</TextBlock>
  81.             <ComboBox Padding="2" SelectedIndex="0">
  82.                 <ComboBoxItem>Painted</ComboBoxItem>
  83.                 <ComboBoxItem>UnPainted</ComboBoxItem>
  84.             </ComboBox>
  86.             <TextBlock Margin="0,3">Purchase information</TextBlock>
  87.             <ComboBox Padding="2" SelectedIndex="0">
  88.                 <ComboBoxItem>Rubber</ComboBoxItem>
  89.                 <ComboBoxItem>UnRubber</ComboBoxItem>
  90.             </ComboBox>
  92.             <TextBlock Margin="0,3">Supplier Name</TextBlock>
  93.             <TextBox Padding="2"></TextBox>
  94.             <TextBlock Margin="0,3">Supplier Code</TextBlock>
  95.             <TextBox Padding="2"></TextBox>
  97.             <TextBlock Margin="0 10" FontWeight="Bold">Additional information</TextBlock>
  98.             <TextBlock>Note</TextBlock>
  99.             <TextBox Padding="2"></TextBox>
  101.         </StackPanel>
  103.     </Border>
  104. </Window>