如何阻止标签在 wpf 中堆叠 [英] How to stop Label from stacking in wpf

问题描述

我正在创建一个程序，如果您单击该按钮，它会添加一个新标签.然而问题是，当您单击添加按钮时，标签会不断堆叠而不是列表

I am creating a program where if you click the button it adds a new label. However the problem is that when you click the add button the label keeps getting stack on top of eachother instead of being a list

这是代码

c#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace firstwpfapp
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        private void addTask(object sender, RoutedEventArgs e)
        {
            String val = input.ToString();
            Label todo = new Label();
            todo.Content = val;
            List.Children.Add(todo);
        }
    }
}

xml

...
<Window x:Class="firstwpfapp.MainWindow"
        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:firstwpfapp"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid Margin="-120,-142,0,0" >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0*"/>
            <ColumnDefinition Width="5*"/>
            <ColumnDefinition Width="451*"/>
        </Grid.ColumnDefinitions>
        <StackPanel x:Name="Wrapper"Background="LightGray" Orientation="Horizontal"></StackPanel>
        <TextBox x:Name="input" Grid.Column="2" HorizontalAlignment="Left" Height="31" Margin="106,198,0,0" TextWrapping="Wrap" Text="Enter here" VerticalAlignment="Top" Width="166"/>
        <Button  Content="Button" Grid.Column="2" HorizontalAlignment="Left" Margin="106,234,0,0" VerticalAlignment="Top" Width="166" Height="26" Click="addTask"/>
        <Grid x:Name="List" Grid.Column="2" HorizontalAlignment="Left" Height="391" Margin="507,160,0,0" VerticalAlignment="Top" Width="385"/>
    </Grid>
</Window>

每次按下按钮时，列表都会堆叠在另一个顶部

the list keeps getting stack on top of another each time the button is pressed

推荐答案

替换网格

<Grid x:Name="List" Grid.Column="2" HorizontalAlignment="Left" Height="391" Margin="507,160,0,0" VerticalAlignment="Top" Width="385"/>

使用 StackPanel:

with a StackPanel:

<StackPanel x:Name="List" Grid.Column="2" HorizontalAlignment="Left" Height="391" Margin="507,160,0,0" VerticalAlignment="Top" Width="385"/>

将子元素添加到网格会将它们堆叠在一起(如您所见)StackPanel 在前一个子元素的下方(或之后)添加新的子元素.

Adding child elements to a grid stacks them on top of each other (as you have noticed) A StackPanel adds new child elements below (or after) the previous child element.

这篇关于如何阻止标签在 wpf 中堆叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！