Стиль Metro: Прокрутка колесом мыши

Это рабочий стиль GridView. я удаляю свойство scrollviewr

<Style x:Key="GridViewInGridViewStyle" TargetType="GridView">
    <Setter Property="Padding" Value="0,0,0,10"/>
    <Setter Property="IsTabStop" Value="False"/>
    <Setter Property="TabNavigation" Value="Once"/>
    <Setter Property="IsSwipeEnabled" Value="True"/>
    <Setter Property="ItemContainerTransitions">
        <Setter.Value>
            <TransitionCollection>
                <AddDeleteThemeTransition/>
                <ContentThemeTransition/>
                <ReorderThemeTransition/>
                <EntranceThemeTransition IsStaggeringEnabled="False"/>
            </TransitionCollection>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <WrapGrid Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="GridView">
                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                    <ItemsPresenter HeaderTemplate="{TemplateBinding HeaderTemplate}" Header="{TemplateBinding Header}" HeaderTransitions="{TemplateBinding HeaderTransitions}" Padding="{TemplateBinding Padding}"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Если вы повторно создадите GridView и удалите внутренний ScrollViewer, прокрутка с помощью колесика мыши будет работать, но смахивание для выбора не будет работать. Если вы хотите и то, и другое, хитрость заключается в том, чтобы использовать метод AddHandler() для добавления обработчика события PointerWheelChanged и установить для свойства e.Handled значение false. Это позволит правильно отображать события колесика мыши в вашем внешнем ScrollViewer:

public class CustomGridView : GridView
{
    protected override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        var sv = this.GetTemplateChild("ScrollViewer") as UIElement;
        if (sv != null)
            sv.AddHandler(UIElement.PointerWheelChangedEvent, new PointerEventHandler(OnPointerWheelChanged), true);
    }

    private void OnPointerWheelChanged(object sender, PointerRoutedEventArgs e)
    {
        e.Handled = false;
    }
}

Я реализовал именно этот сценарий, и он работает для меня. Полная информация здесь: http://briandunnington.github.com/gridview-in-a-scrollviewer.html

ОБНОВЛЕНИЕ: извините, я неправильно понял вопрос. Если вы поместите GridView в GridView, у вас есть вложенные ScrollViewers, и вам нужен этот код во внутренних GridViews, или прокрутка колесиком мыши не будет работать.

Однако зачем вкладывать GridView в GridView?

Взгляните на функциональность группировки, встроенную в winrt.

В качестве альтернативы поместите внутренние GridViews в простой ItemsControl с StackPanel с горизонтальной ориентацией в качестве ItemsPanel и этот ItemsControl в ScrollViewer. Если вы размещаете несколько GridViews в ScrollViewer (напрямую или косвенно), вам нужен этот код для удаления ScrollViewer из внутренних (т. е. вложенных) GridViews, иначе прокрутка колесиком мыши не будет работать.

ИСХОДНЫЙ ОТВЕТ:

Этот код необходим, только если вы поместите GridView в ScrollViewer.

Если отображается только GridView, вам не нужно размещать его в ScrollViewer, и вам не нужен этот код.

Я думаю, что ваш реальный вопрос заключается в том, как правильно компоновать GridView, поскольку шаблоны, включенные в бета-версию Visual Studio 11 (из предварительной версии для потребителей), очень плохо справляются с этой задачей.

Попробуй это:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="140"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Grid>
      <!-- Back button and page title go here -->
    </Grid>

    <GridView x:Name="itemsGridView" Grid.Row="1"
            AutomationProperties.AutomationId="ItemsGridView"
            AutomationProperties.Name="Items"
            ItemsSource="{Binding MyListOfSItems}"
            ItemTemplate="{StaticResource myItemTemplate}">
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapGrid x:Name="itemGridViewPanel" Margin="116,53,116,46"/>
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>
    </GridView>

</Grid>

Теперь есть только один ScrollViewer, т.е. тот, что в GridView, поэтому нет конфликтов от двух вложенных друг в друга ScrollViewer, а один ScrollViewer обрабатывает мышь автоматически.

Кроме того, поля правильные, но при прокрутке элементы могут перемещаться в область полей.

Это отлично прокручивается для меня:

<SemanticZoom>
    <SemanticZoom.ZoomedInView>
        <GridView>
            <GridView.ItemContainerStyle>
                <Style
                    TargetType="GridViewItem">
                    <Setter
                        Property="Width"
                        Value="250" />
                    <Setter
                        Property="Height"
                        Value="250" />
                    <Setter
                        Property="FontSize"
                        Value="32" />
                </Style>
            </GridView.ItemContainerStyle>
            <GridViewItem
                Content="Apple"/>
            <GridViewItem
                Content="Banana" />
            <GridViewItem
                Content="Cherry" />
            <GridViewItem
                Content="Donut" />
            <GridViewItem
                Content="Eggplant" />
            <GridViewItem
                Content="Fig" />
            <GridViewItem
                Content="Grape" />
            <GridViewItem
                Content="Ham" />
            <GridViewItem
                Content="Ice Cream" />
            <GridViewItem
                Content="Jam" />
            <GridViewItem
                Content="Kale" />
            <GridViewItem
                Content="Lemon" />
            <GridViewItem
                Content="Muffin" />
            <GridViewItem
                Content="Nut" />
            <GridViewItem
                Content="Orange" />
            <GridViewItem
                Content="Pear" />
            <GridViewItem
                Content="Raspberry" />
            <GridViewItem
                Content="Steak" />
            <GridViewItem
                Content="Turkey" />
            <GridViewItem
                Content="Udon" />
            <GridViewItem
                Content="Vodka" />
            <GridViewItem
                Content="Wine" />
            <GridViewItem
                Content="Xanthan Gum" />
            <GridViewItem
                Content="Yam" />
            <GridViewItem
                Content="Zucchini" />
        </GridView>
    </SemanticZoom.ZoomedInView>
    <SemanticZoom.ZoomedOutView>
        <GridView
            ItemsSource="ABCDEFGHIJKLMNOPQRSTUVWXYZ">
            <GridView.ItemContainerStyle>
                <Style
                    TargetType="GridViewItem">
                    <Setter
                        Property="Width"
                        Value="400" />
                    <Setter
                        Property="Height"
                        Value="100" />
                    <Setter
                        Property="FontSize"
                        Value="72" />
                </Style>
            </GridView.ItemContainerStyle>
        </GridView>
    </SemanticZoom.ZoomedOutView>
</SemanticZoom>