WPF. 如何动态添加新页面到网格？

Question

我正在 wpf 中创建应用程序，显示世界上的一些地方（描述、照片），还有用户可以写的意见。 为了显示它们，我创建了新的网格，用户可以在其中添加最多 5 个意见（如果有更多文本重叠）。 由于这个问题，我想动态地向网格添加新页面，例如，如果用户添加了第 6 个意见，则会创建新的网格页面，并在网格底部添加带有页码（导航）的新按钮。 但是我不知道怎么写。

用于显示意见的网格：

        <Grid Grid.Column="2" Grid.ColumnSpan="3"
              Grid.Row="0" Grid.RowSpan="3" x:Name="newGrid" Margin="0,50,0,0"
              >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            
        </Grid>

Function 用于添加新意见：

        private void btnConfirm_Click(object sender, RoutedEventArgs e)
        {
            txtName.Visibility = Visibility.Hidden;
            tbName.Visibility = Visibility.Hidden;
            txtOpinion.Visibility = Visibility.Hidden;
            tbOpinion.Visibility = Visibility.Hidden;
            btnConfirm.Visibility = Visibility.Hidden;
            
            var name = tbName.Text;
            var opinion = tbOpinion.Text;

            if(name != "" && opinion != "" && name != " " && opinion != " ")
            {
                TextBlock tb = new TextBlock();
                tb.Text = name + ": " + opinion;
                tb.HorizontalAlignment = HorizontalAlignment.Left;
                tb.VerticalAlignment = VerticalAlignment.Bottom;
                tb.FontSize = 30;
                tb.Foreground = Brushes.White;
                tb.Margin = new Thickness(50, 0, 0, 0);
                tb.TextWrapping = TextWrapping.Wrap;
                tb.TextAlignment = TextAlignment.Justify;

                newGrid.Children.Add(tb);
                Grid.SetRow(tb, klik);
                Grid.SetColumnSpan(tb, 3);
                klik++; //opinion counter and also number of row
            }
            else
            {
                MessageBox.Show("Fields cannot by empty!","Error",MessageBoxButton.OK,MessageBoxImage.Error);
            }

我想必须使用变量klik ，因为该变量负责计算意见。 所以它会是：

if(klik>5)
{
//add new grid page - but I have no clue how to do this
}

Answer 1

首先，我想先说明有很多更好的方法来设计您的应用程序（使用 MVVM 设计模式、Styles、DataTemplates 等）。 从长远来看，学习这些技能将使您作为开发人员受益。 话虽如此，我会根据您的要求回答这个问题。

因为您要添加的新行在您的Grid上还没有主页，所以您首先需要通过添加一个新的RowDefinition为该行添加一个新的占位符。

newGrid.RowDefinitions.Add(new RowDefinition() { Height = new GridLength(1, GridUnitType.Star) });

然后像以前一样执行您的代码。 所以它应该看起来像这样：

if(klik>5)
{
    newGrid.RowDefinitions.Add(new RowDefinition() { Height = new GridLength(1, GridUnitType.Star) });
}

if(name != "" && opinion != "" && name != " " && opinion != " ")
{
    TextBlock tb = new TextBlock();
    tb.Text = name + ": " + opinion;
    tb.HorizontalAlignment = HorizontalAlignment.Left;
    // ... etc etc etc
}