WPF .NET 5 (XAML) 当我按下按钮时添加一些标签

Question

我是新来的。我正在学习 C# .NET 5。我想在 XAML 中创建动态标签，当我按下 add_button 时标签出现在下面的新行中。我用的是Visual Studio 2022，不知道在MainWindow.xaml.cs里写什么。

感谢您的建议。

Answer 1

您可以使用按钮点击事件。如果您可以在 StackPanel 上添加一些标签。当您添加新内容时，StackPanel 会有所帮助，它会在最后一个下面。

在XAML中：

<Window x:Class="DemoTryThings.MainWindow"
    xmlns:local="clr-namespace:DemoTryThings"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
    WindowStartupLocation="CenterScreen">

<!--Main Grid!-->
<Grid Margin="10">

    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <StackPanel Grid.Row="0"
                x:Name="LabelStackPanel"/>

    <Button Grid.Row="1"
            Height="30"
            Content="Add Label"
            Click="ButtonBase_OnClick"/>

</Grid>

在cs文件中：

public partial class MainWindow : Window
{

    public MainWindow()
    {
        InitializeComponent();
    }

    private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
    {
        LabelStackPanel.Children.Add(new Label { Content = "Hi this add with button click!" });
    }
}

结果：

WPF .NET 5 (XAML) 当我按下按钮时添加一些标签

WPF .NET 5 (XAML) Add some labels when i press button

c#

xaml

label

button