最专业 大话C#之WPF业务场景入门和进阶，深入浅出解析章节教程 17 UI层树形结构布局入门

1 UI层树形结构的布局解析；

  

<Window x:Class="你好_绑定世界.ViewsUI.Add_Window1"
        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:你好_绑定世界.ViewsUI"
        mc:Ignorable="d"
        Title="Add_Window1" Height="176" Width="304">
    
    
   
    <Grid Background="LightBlue">
        <Grid.RowDefinitions>
            <RowDefinition Height="33"/>
            <RowDefinition Height="33"/>
            <RowDefinition Height="33"/>
            <RowDefinition Height="40"/>
        Grid.RowDefinitions>
 
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="7*"/>
            <ColumnDefinition Width="3*"/>
 
        Grid.ColumnDefinitions>
        
        <TextBox x:Name="box1" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Margin="5"/>
        <TextBox x:Name="box2" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Margin="5"/>
        <TextBox x:Name="box3" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="1" Margin="5"/>
        <TextBox x:Name="box4" Grid.Row="2" Grid.Column="2" Grid.ColumnSpan="1" Margin="5"/>
 
        <Button x:Name="btn1" Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" Margin="5">
            <TextBlock>hello WPF 树形结构入门解析TextBlock>
        Button>
    Grid>
Window>

后台完全默认，没有逻辑；

 效果

  实际窗口没有这么大，为了展示明显，把窗口拖动加大了；