Mise en place d'une barre de défilement sur un panneau d'habillage contenu dans un contrôle d'éléments

Question

Est-ce que quelqu'un sait comment ajouter une barre de défilement à un wrappanel contenu dans un itemscontrol?

Answer 1

Enrouler un tag ScrollViewer autour

<ScrollViewer> 
    <WrapPanel> 
     <!-- your other controls here --> 
    </WrapPanel> 
</ScrollViewer> 

Answer 2

Cela ne fonctionnera pas ici,

<ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <ScrollViewer> 
       <WrapPanel Orientation="Horizontal" /> 
      </ScrollViewer> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

Vous obtenez une exception méchant, VisualTree de ItemsPanelTemplate doit contenir un groupe spécial. 'System.Windows.Controls.ScrollViewer' n'est pas un Panel.

Answer 3

Cet échantillon (modifié à partir de l'échantillon Kaxaml) devrait vous aider:

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid> 
    <Grid.Resources> 
     <XmlDataProvider x:Key="flickrdata" Source="http://api.flickr.com/services/feeds/photos_public.gne?tags=flower&amp;lang=en-us&amp;format=rss_200"> 
      <XmlDataProvider.XmlNamespaceManager> 
      <XmlNamespaceMappingCollection> 
       <XmlNamespaceMapping Prefix="media" Uri="http://search.yahoo.com/mrss/"/> 
      </XmlNamespaceMappingCollection> 
      </XmlDataProvider.XmlNamespaceManager> 
     </XmlDataProvider> 
     <DataTemplate x:Key="itemTemplate"> 
      <Image Width="75" Height="75" Source="{Binding Mode=OneWay, XPath=media:thumbnail/@url}"/> 
     </DataTemplate> 
     <ControlTemplate x:Key="controlTemplate" TargetType="{x:Type ItemsControl}"> 
      <WrapPanel IsItemsHost="True" Orientation="Horizontal"/> 
     </ControlTemplate> 
    </Grid.Resources> 
    <ScrollViewer Width="320" Height="225"> 
     <ItemsControl 
     Width="300" 
     ItemsSource="{Binding Mode=Default, Source={StaticResource flickrdata}, XPath=/rss/channel/item}" 
     ItemTemplate="{StaticResource itemTemplate}" 
     Template="{StaticResource controlTemplate}"> 
     </ItemsControl> 
    </ScrollViewer> 
</Grid> 
</Page>