Come posso far funzionare correttamente la rotella del mouse con SilverView 4 ScrollViewer

Question

Quando utilizzo il seguente xaml in Silverlight 4, ScrollViewer non riconosce la rotella del mouse a meno che non clicchi una volta sul pollice della barra di scorrimento e tenga il mouse sopra la barra di scorrimento, mentre si gira la rotellina del mouse.

<Grid x:Name="LayoutRoot" Background="White"> 
    <ScrollViewer> 
     <StackPanel Name="stackPanel1"> 
      <Button Content="Button 1" Width="150" /> 
      <Button Content="Button 2" Width="150" Margin="0,20,0,0" /> 
      <Button Content="Button 3" Width="150" Margin="0,20,0,0" /> 
      <Button Content="Button 4" Width="150" Margin="0,20,0,0" /> 
      <Button Content="Button 5" Width="150" Margin="0,20,0,0" /> 
      <Button Content="Button 6" Width="150" Margin="0,20,0,0" /> 
      <Button Content="Button 7" Width="150" Margin="0,20,0,0" /> 
     </StackPanel> 
    </ScrollViewer> 
</Grid> 

Qualcun altro ha esperienza di questo e ci sono dei problemi?

Answer 1

La risoluzione qui sembra essere impostato un pennello di sfondo sul ScrollViewer. Nel mio caso ho scelto di usare il pennello trasparente. Sembra essere correlato al test di successo in base al quale un controllo senza un pennello non riceverà mai alcun evento del mouse.

<ScrollViewer Background="Transparent"> 

Answer 2

installare il toolkit di Silverlight da qui http://silverlight.codeplex.com/

Aggiungere riferimento alla System.Windows.Controls.Navigation e System.Windows.Controls.Toolkit DLL

Modificare il codice per aggiungere la navigazione namespace al tag UserControl come mostrato sotto

<UserControl x:Class="SilverlightApplication1.MainPage" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 
     mc:Ignorable="d" 
     d:DesignHeight="300" d:DesignWidth="400"> 

Avvolgi il tuo StackPanel nel tag del telaio in modo tale

<ScrollViewer x:Name="SV" > 
     <navigation:Frame> 
      <StackPanel Name="stackPanel1"> 
      <Button Content="Button 1" Width="150" /> 

nel codice dietro, aggiungere le seguenti righe

public MainPage() 
    { 
     InitializeComponent(); 
     SV.SetIsMouseWheelScrollingEnabled(true); 

Riferimento: http://diptimayapatra.wordpress.com/2009/12/08/mouse-wheel-scroll-for-scrollviewer-in-silverlight-3/