wpf的grid等布局

参考

https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/xaml/?view=netdesktop-6.0

http://www.taodudu.cc/news/show-4778613.html?action=onClick

 https://zhuanlan.zhihu.com/p/44547350?utm_id=0

<Window x:Class="Samples.MainWindow" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Title="MainWindow" Height="600" Width="800"> 
    <Grid > 
        <Grid.RowDefinitions> 
            <RowDefinition Height="20"/> 
            <RowDefinition Height="50"/> 
            <RowDefinition Height="30"/> 
            <RowDefinition Height="*"/> 
            <RowDefinition Height="30"/> 
        </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="150"/> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="200"/> 
        </Grid.ColumnDefinitions> 
        <Grid Grid.Column="1" Grid.ColumnSpan="2"> 
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right"> 
                <Button Content="何戈洲" Margin="5,0,0,0"/> 
                <Button Content="我的博客" Margin="5,0,0,0"/> 
                <Button Content="短消息" Margin="5,0,0,0"/> 
                <Button Content="设置" Margin="5,0,0,0"/> 
                <Button Content="退出" Margin="5,0,0,0"/> 
            </StackPanel> 
        </Grid> 
        <Grid Grid.Column="0" Grid.Row="1"> 
            <Image Source="/Samples;Component/Images/logo_small.gif" /> 
        </Grid> 
        <Grid Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="2"> 
            <StackPanel Orientation="Horizontal"> 
                <Button Margin="5,0,0,0">园子</Button> 
                <Button Margin="5,0,0,0">新闻</Button> 
                <Button Margin="5,0,0,0">博问</Button> 
                <Button Margin="5,0,0,0">闪存</Button> 
                <Button Margin="5,0,0,0">网摘</Button> 
                <Button Margin="5,0,0,0">招聘</Button> 
                <Button Margin="5,0,0,0">专题</Button> 
                <Button Margin="5,0,0,0">知识</Button> 
            </StackPanel> 
        </Grid> 
        <Grid Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="3"> 
            <Image Source="/Samples;Component/Images/main.png" /> 
        </Grid> 
        <Grid Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="4"> 
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"> 
                <Button Margin="5,0,0,0">关于我们</Button> 
                <Button Margin="5,0,0,0">联系我们</Button> 
                <Button Margin="5,0,0,0">广告服务</Button> 
                <Button Margin="5,0,0,0">人才服务</Button> 
                <Button Margin="5,0,0,0">版权</Button> 
            </StackPanel> 
        </Grid> 
    </Grid> 
</Window>

 

从上面的代码可以看出来，非常的简单，Grid特别适合软件系统的整体布局，在实际的项目中通过Grid与其他的布局控件相结合一起完成页面的整体布局。