WPF 布局控件

  <!--Horizontal水平竖直排放元素默认Vertical竖直排放 加属性Orientation-->
        <StackPanel Orientation="Horizontal">
            <Button Width="100" Height="40">StackPanel</Button>
            <Button Width="100" Height="40">StackPanel</Button>
            <Button Width="100" Height="40">StackPanel</Button>
        </StackPanel>
        <!--水平竖直排放元素自带换行 -->
        <WrapPanel Orientation="Horizontal">
            <Button Width="100" Height="40">WrapPanel</Button>
            <Button Width="100" Height="40">WrapPanel</Button>
            <Button Width="100" Height="40">WrapPanel</Button>
        </WrapPanel>
        <!--可根据容器设置上下左右属性DockPanel.Dock-->
        <DockPanel>
            <Button Width="100" Height="40" DockPanel.Dock="Right">DockPanel</Button>
            <Button Width="100" Height="40" DockPanel.Dock="Top">DockPanel</Button>
            <Button Width="100" Height="40">DockPanel</Button>
            <Button Width="100" Height="40">DockPanel</Button>
        </DockPanel>
        <!--表格 元素可设置宽高 auto为自适应-->
        <Grid>
            <!--行-->
            <Grid.RowDefinitions>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
             <!--列-->
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <!--格子所在位置-->
            <Border Background="Yellow"></Border>
            <Border Grid.Column="1" Background="Red"></Border>
            <Border Grid.Row="1" Background="Red"></Border>
            <Border Grid.Row="1" Grid.Column="1" Background="Yellow"></Border>
        </Grid>

 

posted @ 2023-02-18 15:47  RC城  阅读(29)  评论(0编辑  收藏  举报