WPF - ボタンを押してコントロール/グリッド全体を複製する方法は？

Question

私はWPFの初心者です。最大7時間に達するまで、特定のコントロールを使用してフォームを展開するコントロールを作成しようとしています。

これは形式です： https://i.imgur.com/50tzCSy.png

<Border Padding="10"> 
    <StackPanel> 
     <TextBlock Text="Insert a file or expand to insert more file at once." Margin="0 10"/> 

     <!-- Add File --> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="4*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 

      <TextBlock Grid.Column="0" Text="File Name:" FontWeight="Bold" Margin="0 10" /> 
      <TextBox Grid.Column="1" Height="20" Margin="10 0 0 0" /> 
      <Button Grid.Column="2" Content="Test" Height="20" Width="50" /> 
     </Grid> 

     <ItemsControl ItemsSource="{Binding AllChildren}" ItemTemplate="{StaticResource ChildTemplate}" /> 

     <!-- Buttons --> 
     <Grid Margin="0 10"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 

      <Button Grid.Column="0" Margin="0 0 10 0" Content="Save" /> 
      <Button Grid.Column="1" Content="Expand" Grid.ColumnSpan="2" Margin="0.2,0,123.6,0.2" Click="Button_Click" /> 
      <Button Grid.Column="2" Margin="10 0 0 0" Content="Cancel" /> 
     </Grid> 

    </StackPanel> 
</Border> 

私はそれが7つの重複の最大値に達するまで、グリッドを複製してみてください。

どのようにボタンイベントハンドラコードでこれを行うのですか？

Answer 1

ここは私のコメントです。私はViewModelをできるだけシンプルで包括的に保つようにしているので、空に見えるはずです。それを変更し、最終的にはいくつかのデータバインディングを置くのはあなた次第です（私はそれをお勧めします）。

より具体的なものが必要な場合はお知らせください。 XAML：

<Border Padding="10"> 
    <StackPanel> 
     <TextBlock Text="Insert a file or expand to insert more file at once." Margin="0 10"/> 

     <ListBox Name="DynamicList" HorizontalContentAlignment="Stretch" > 
      <ListBox.Resources> 
       <DataTemplate DataType="{x:Type local:FileM}"> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="*" /> 
          <ColumnDefinition Width="4*" /> 
          <ColumnDefinition Width="*" /> 
         </Grid.ColumnDefinitions> 

         <TextBlock Grid.Column="0" Text="File Name:" FontWeight="Bold" Margin="0 10" /> 
         <TextBox Grid.Column="1" Height="20" Margin="10 0 0 0" /> 
         <Button Grid.Column="2" Content="Test" Height="20" Width="50" /> 
        </Grid> 
       </DataTemplate> 
      </ListBox.Resources> 
     </ListBox> 
     <!--Since I don'T have any information about it, I removed the ItemsControl part--> 
     <Grid Margin="0 10"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 

      <Button Grid.Column="0" Margin="0 0 10 0" Content="Save" /> 
      <Button Grid.Column="1" Content="Expand" Click="Button_Click" /> 
      <Button Grid.Column="2" Margin="10 0 0 0" Content="Cancel" /> 
     </Grid> 
    </StackPanel> 
</Border> 

そして、背後にあるコード：

public class FileM 
{ 
} 

public partial class MainWindow : Window 
{ 
    public ObservableCollection<FileM> ListFiles = new ObservableCollection<FileM>(); 

    public MainWindow() 
    { 
     InitializeComponent(); 
     DynamicList.ItemsSource = ListFiles; 
    } 

    private void Button_Click(object sender, RoutedEventArgs e) 
    { 
     if(ListFiles.Count<7){ListFiles.Add(new FileM());} 
    } 

}