listBox traumatic error @ WP7

Question

つぶやきを追跡し、それをlistBoxにバインドするアプリを作成しました。

  <ListBox Margin="0,0,-12,0" x:Name="listBox1" ItemsSource="{Binding Items}" SelectionChanged="listBox1_SelectionChanged"> 
       <ListBox.ItemTemplate> 
        <DataTemplate> 
         <StackPanel Orientation="Horizontal" Margin="0,0,0,17"> 
          <!--Replace rectangle with image--> 
          <Image Height="100" Width="100" Source="{Binding DeveloperImage}" Margin="12,0,9,0"/> 
          <StackPanel Width="311"> 
           <TextBlock Text="{Binding DeveloperName}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/> 
           <TextBlock Text="{Binding DeveloperBirthday}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/> 
          </StackPanel> 
         </StackPanel> 
        </DataTemplate> 
       </ListBox.ItemTemplate> 
      </ListBox> 

しかし、それはデバッグされたとき、それがこのシーケンスに返さ：

と、ここではリストボックスのXAMLで私

長い空白 コンテンツ 空白

を欲しいものは：

コンテンツのみ、コンテンツの後ろに空白はなく、コンテンツの後ろに空白はありません。

Answer 1

ListBoxが子を整列する方法は、ItemsPanelによって決まります。

ItemsPanelTemplateを設定することによって、デフォルトのItemsPanelを置き換えることができます。

各ChildはItemContainerでラップされます。

デフォルトのItemContainerを置き換えるには、ItemContainerStyleを設定します。

最後に、ListBox自体には、ItemsPanelが配置されている場所に影響する境界、パディング、および余白があります。

リストボックスのコンテンツの配置を調整するには、まずどのテンプレートを変更する必要があるかを調べる必要があります。速い方法は、あなたに視覚的なフィードバックを与えるためにBlendを使うことです。