xamlでバインドされたリストボックスの外にボタンを追加する

Question

問題が発生しました。リストボックスへのバインドを使用してコードをxamlにバインドするプロジェクトを作成しました。しかし、それは私の将来のコードでいくつかの問題を作成しました - 私は自分のフォームにボタンを追加するが、私はいくつかのエラーが発生します。

'ItemsSourceを使用する前にアイテムコレクションを空にする必要があります。'

このエラーは、バインド可能なリストボックスの外に何かをバインドしようとすると発生します。

「VisualTree」プロパティは1回しか設定できません。

このエラーは、リストボックスの下にボタンを追加しようとすると発生します。

私はこれをどのように修正することができますか？

マイコード：

<ListBox x:Name="ItemsControl1"> 
    <ListBox.ItemsPanel> 

     <ItemsPanelTemplate> 

      <UniformGrid Columns="5"> 
      </UniformGrid> 

     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Border BorderBrush="Black" BorderThickness="2" Width="Auto" Height="Auto"> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="{Binding Number}"/> 
        <Image Source="{Binding Source}" Margin="0,0,5,0"/> 
       </StackPanel> 
      </Border> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

望ましい結果がリストボックスの下のボタンになります。

Answer 1

ボタンの下にListBoxの宣言を追加する必要があります。 ビジュアルツリーにバインディングが設定されているため、手動で変更することはできないため、直面している例外がスローされます。リストボックス内の「

<StackPanel> 
    <ListBox x:Name="ItemsControl1"> 
     <ListBox.ItemsPanel> 

      <ItemsPanelTemplate> 

       <UniformGrid Columns="5"> 
       </UniformGrid> 

      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <Border BorderBrush="Black" BorderThickness="2" Width="Auto" Height="Auto"> 
        <StackPanel Orientation="Horizontal"> 
         <TextBlock Text="{Binding Number}"/> 
         <Image Source="{Binding Source}" Margin="0,0,5,0"/> 
        </StackPanel> 
       </Border> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
    <Button/> 
</StackPanel>