2、DockPanel

DockPanel——停靠面板,内部控件或容器可以放置在上、下、左(默认)、右。类似于Java AWT布局中的BorderLayout。

但与BorderLayout不同的是,每一个区域可以同时放置多个控件(布局方式为StackPanel)。

内部元素(控件、容器)出场顺序很重要,最后出场的会把剩余空间占满(此元素不设置对齐方式、宽高)。后出场的只能在剩余空间里独占行或列。

左图中,后出场的TextBox把DockPanel的上部占满了。右图是TextBox先出场、StackPanel后出场的效果。

  

<DockPanel>
        <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" HorizontalAlignment="Right">
            <Button Content="确定" Margin="5"/>
            <Button Content="取消" Margin="5"/>
        </StackPanel>
        <TextBox DockPanel.Dock="Top" Text="1234"/>
</DockPanel>

 下图,后出场的这能在剩余的空间中独占行(上下)或列(左右)

    <DockPanel >
        <Button Content="Top1" DockPanel.Dock="Top" />
        <Button Content="Top2" DockPanel.Dock="Top" HorizontalAlignment="Right"/>
        <Button Content="Top3" DockPanel.Dock="Top" />
        <Button Content="Left" DockPanel.Dock="Left" />
        <Button Content="Right" DockPanel.Dock="Right" />
        <Button Content="Bottom" DockPanel.Dock="Bottom" />
        <Button Content="Remaining" />
    </DockPanel>

 

posted @ 2019-06-02 13:25  夕西行  阅读(987)  评论(0编辑  收藏  举报