01-WPF布局

最新推荐文章于 2024-05-07 10:01:35 发布

鲜橙加冰

最新推荐文章于 2024-05-07 10:01:35 发布

阅读量150

点赞数

分类专栏： WPF 文章标签： wpf

本文链接：https://blog.csdn.net/jy03169496/article/details/127922394

版权

WPF 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

今天是我学习WPF的第一天，今天主要学习了，布局控件，具体学习的控件内容如下。

例如：Grid，stackpanel，WrapPanel，DockPanel，UniformGrid，今天根据所学内容实践下以下图形布局，主要是为了熟悉布局控件的使用方法，只做大框架布局，不做详细布局，根据以下图形进行框架布局。

具体布局代码如下所示：

<Window x:Class="test.login"
        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:test"
        mc:Ignorable="d"
        Title="布局案例" Height="800" Width="1200" WindowStartupLocation="CenterScreen"  Background="#F4F2F5" ResizeMode="NoResize" WindowStyle="None">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="136"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Border Grid.Row="0" Background="#FFFDFF"/>
        <Grid Grid.Row="1" ShowGridLines="False">
            <Grid.RowDefinitions>
                <RowDefinition Height="170"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Border Background="#2C9FF8" Grid.Column="0" Margin="18,36,18,36"/>
            <Border Background="#69C929" Grid.Column="1" Margin="18,36,18,36"/>
            <Border Background="#FDA005" Grid.Column="2" Margin="18,36,18,36"/>
            <Border Background="#3EC4C3" Grid.Column="3" Margin="18,36,18,36"/>
            <Border Background="#DF6F6E" Grid.Column="4" Margin="18,36,18,36"/>
            <Grid Grid.Row="1" Grid.ColumnSpan="2">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Border Grid.Row="0" Grid.ColumnSpan="2" Background="#FFFDFF" Margin="18"/>
                <Border Grid.Row="1" Grid.Column="0" Background="#FFFDFF" Margin="18"/>
                <Border Grid.Row="1" Grid.Column="1" Background="#FFFDFF" Margin="18"/>
                <Border Grid.Row="2" Grid.Column="0" Background="#FFFDFF" Margin="18"/>
                <Border Grid.Row="2" Grid.Column="1" Background="#FFFDFF" Margin="18"/>
            </Grid>
            <Grid Grid.Column="2" Grid.Row="1" Grid.ColumnSpan="3">
                <Grid.RowDefinitions>
                    <RowDefinition Height="310"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Border Background="#FFFDFF" Margin="18"/>
                <Border Background="#FFFDFF" Grid.Column="1" Margin="18"/>
                <Border Background="#FFFDFF" Margin="18,0,18,18" Grid.Row="1" Grid.ColumnSpan="2"/>
            </Grid>
        </Grid>
    </Grid>
</Window>

根据实践，具体代码运行效果如下（不喜勿喷）