哪些元素，以显示我要创建具有下列元素的WPF窗口的多条路径

Question

：

在右侧的按钮“Add”添加一个新的路径。如果单击该按钮，则会出现打开的文件对话框，用户可以选择文件。文件路径应显示在窗口中。在选择文件后，“添加”按钮转换为删除按钮和两个箭头（按下或上移路径）。

如果您已添加第一个路径并将添加按钮转换为删除按钮和箭头按钮，则第一行下方应显示下一个添加按钮。

哪些元素（datagrid，...）最能实现这一点？

Answer 1

我不一定会改变“添加”按钮，进入其他的，这是可以做到在我看来，要容易得多：

1. 使用Grid从“确定”，划分的文件路径的项目“取消“按钮
2. 使用Stackpanel将ItemsControl和”添加“按钮堆叠在一起。
3. 使用ItemTemplate属性来创建FilePath项目的布局，该布局可能是带有列以定位按钮的Grid。

在XAML基本结构：

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition 
      Height="Auto" /> 
    </Grid.RowDefinitions> 
    <StackPanel> 
     <ItemsControl> <!-- Control to display a collection of FilePath items --> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Grid> <!-- Template for FilePath item --> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition /> 
          <ColumnDefinition 
           Width="Auto" /> 
          <ColumnDefinition 
           Width="Auto" /> 
          <ColumnDefinition 
           Width="Auto" /> 
         </Grid.ColumnDefinitions> 
         <TextBox /> <!-- FilePath textbox --> 
         <Button 
          Grid.Column="1" 
          Content="Del" /> <!-- Delete button --> 
         <Button 
          Grid.Column="2" 
          Content="Up" /> <!-- Up button --> 
         <Button 
          Grid.Column="3" 
          Content="Down" /> <!-- Down button--> 
        </Grid> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
     <Button 
      Content="Add" 
      HorizontalAlignment="Right" /> <!-- Add button --> 
    </StackPanel> 
    <StackPanel 
     Grid.Row="1" 
     Orientation="Horizontal" 
     HorizontalAlignment="Right"> 
     <Button 
      Content="Ok" /> <!-- Ok button --> 
     <Button 
      Content="Cancel" /> <!-- Cancel button --> 
    </StackPanel> 
</Grid> 

当然，你必须增加利润，更细致的定位，风格和结合自己。