网站 防攻击,商城网站制作网站,wordpress去除分类目录,本地论坛StackPanel
StackPanel 是一种常用的布局控件,可以支持水平或垂直排列,但不会换行。当子元素添加到 StackPanel 中时,它们将按照添加的顺序依次排列。默认情况下,StackPanel 的排列方向是垂直的,即子元素将从上到下依次排列。可以使用 Orientation 属性更改排列方向。可以…StackPanel
StackPanel 是一种常用的布局控件,可以支持水平或垂直排列,但不会换行。当子元素添加到 StackPanel 中时,它们将按照添加的顺序依次排列。默认情况下,StackPanel 的排列方向是垂直的,即子元素将从上到下依次排列。可以使用 Orientation 属性更改排列方向。可以设置两种排列方式:横排(Horizontal)和竖排(Vertical,默认)。水平排列时,每个元素都与面板一样高;垂直排列时,每个元素都与面板一样宽。
StackPanel 的Orientation属性
1.默认情况下Orientation="Vertical",StackPanel Orientation="Vertical"与下方加粗字体是同一个效果。
//StackPanel里添加了4个按钮,默认布局,Orientation默认垂直排列 Windowx:Class="WpfFirstApp.StackPanelWindow" 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:WpfFirstApp" mc:Ignorable="d" Title="StackPanelWindow"Height="450"Width="800" StackPanel ButtonContent="按钮1"/Button ButtonContent="按钮2"/Button ButtonContent="按钮3"/Button ButtonContent="按钮4"/Button /StackPanel /Window
效果图: 也可不在xaml中增加button,改用代码增加;效果是一样的,C#中代码如下:
//使用C#代码直接实现 usingSystem; usingSystem.Collections.Generic; usingSystem.Linq; usingSystem.Text; usingSystem.Threading.Tasks; usingSystem.Windows; usingSystem.Windows.Controls; usingSystem.Windows.Data; usingSystem.Windows.Documents; usingSystem.Windows.Input; usingSystem.Windows.Media; usingSystem.Windows.Media.Imaging; usingSystem.Windows.Shapes; namespaceWpfFirstApp { ///summary ///StackPanelWindow.xaml的交互逻辑 ////summary publicpartialclassStackPanelWindow:Window { publicStackPanelWindow() { InitializeComponent(); this.Title="StackPanel面板"; //StackPanel默认排列 StackPanelstackPanel=newStackPanel(); this.Content=stackPanel; stackPanel.Children.Add(newButton(){Content="按钮1"}); stackPanel.Children.Add(newButton(){Content="按钮2"}); stackPanel.Children.Add(newButton(){Content="按钮3"}); stackPanel.Children.Add(newButton(){Content="按钮4"}); } } }
2.设置StackPanel的Orientation为横向(Horizontal)排列
//设置Orientation属性(Horizontal) Windowx:Class="WpfFirstApp.StackPanelWindow" 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:WpfFirstApp" mc:Ignorable="d" Title="StackPanelWindow"Height="450"Width="800" StackPanelOrientation="Horizontal" ButtonContent="按钮1"/Button ButtonContent="按钮2"/Button ButtonContent="按钮3"/Button ButtonContent="按钮4"/Button /StackPanel /Window
效果图: 也可不在xaml中增加button,改用代码增加;效果是一样的,C#中代码如下:
//使用C#代码直接实现 usingSystem; usingSystem.Collections.Generic; usingSystem.Linq; usingSystem.Text; usingSystem.Threading.Tasks; usingSystem.Windows; usingSystem.Windows.Controls; usingSystem.Windows.Data; usingSystem.Windows.Documents; usingSystem.Windows.Input; usingSystem.Windows.Media; usingSystem.Windows.Media.Imaging; usingSystem.Windows.Shapes; namespaceWpfFirstApp { ///summary ///StackPanelWindow.xaml的交互逻辑 ////summary publicpartialclassStackPanelWindow:Window { publicStackPanelWindow() { InitializeComponent(); this.Title="StackPanel面板"; //StackPanel默认排列 StackPanelstackPanel=newStackPanel();
stackPanel.Orientation=Orientation.Horizontal; this.Content=stackPanel; stackPanel.Children.Add(newButton(){Content="按钮1"}); stackPanel.Chil