WPF-StackPanel面板

　

stackpanel

StackPanel

Orientation属性

Orientation属性决定SatckPanel中元素的排列方向，默认为垂直排列 Orientation=“Vertical”

<Window x:Class="StackPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        title="MainWindow" Height="350" Width="525">
        <StackPanel Name="stackPane" Orientation="Vertical">
            <Label content="Label" Height="28" />
            <Button Content="Button1" />
            <Button Content="Button2" />
            <Button Content="Button3" />
            <Button Content="Button4" />
        </StackPanel>
</Window>

如图所示

将Orientation设置为Orientation="Horizontal"效果如下图

如何设置布局中StackPancel的位置

使用HorizontalAlignment属性设置子元素在布局中的水平位置

<Window x:Class="StackPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
        <StackPanel Name="stackPane" Orientation="Vertical">
            <Label Content="Label" Height="28" />
            <Button Content="Button1" HorizontalAlignment="Left"/>
            <Button Content="Button2" HorizontalAlignment="Stretch"/>
            <Button Content="Button3" HorizontalAlignment="Right"/>
            <Button Content="Button4" HorizontalAlignment="Center"/>
        </StackPanel>
</Window>

使用HorizontalAlignment属性设置子元素在布局中的垂直位置

<Window x:Class="StackPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
        <StackPanel Name="stackPane" Orientation="Horizontal">
            <Label Content="Label" Height="28" />
            <Button Content="Button1" VerticalAlignment="Bottom"/>
            <Button Content="Button2" VerticalAlignment="Center"/>
            <Button Content="Button3" VerticalAlignment="Stretch"/>
            <Button Content="Button4" VerticalAlignment="Top"/>
        </StackPanel>
</Window>

Border

Border元素用于为面板设置边框，BorderThickness属性设置边框宽度，BorderBrush设置边框颜色，CornerRadius设置边框圆角的范围

<Window x:Class="StackPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Border  BorderThickness="2" BorderBrush="Black" CornerRadius="15">
        <StackPanel Name="stackPane" Orientation="Vertical">
            <Label Content="Label" Height="28" />
            <Button Content="Button1" HorizontalAlignment="Left"/>
            <Button Content="Button2" VerticalAlignment="Center"/>
            <Button Content="Button3" HorizontalAlignment="Right"/>
            <Button Content="Button4" HorizontalAlignment="Center"/>
        </StackPanel>
    </Border>
</Window>

相关阅读

PhotoShop CC 2017软件工具面板使用---污点修复画笔工

  污点修复画笔工具包含了污点修复画笔工具，修复画笔工具，修补工具，内容感知移动工具和红眼工具 污点修复画笔工具   用于吸

如何设计出完美的折叠面板？

折叠面板可能是响应式设计中的最重要主力。设计模型。近乎神秘的语句经常激发敬畏和怨恨。作为设计师，我们通常没有考虑过设计模型

详解液晶面板制造全过程

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，

宝塔Linux面板安装教程，一个好用的服务器管理助手

现在不少的SEO站长都使用服务器了，虚拟主机终究是过渡产品，而且虚拟主机各种限制实在烦恼，服务器比虚拟主机好太多了，看了下阿里云的V

Windows服务打开的多种方法(计算机管理/运行命令/控制

Windows系统中的一些服务。每个服务都有每个服务的作用，比如说打印服务、文件共享服务、主题服务等、计算机日志服务，还有一些系统