语义缩小视图与Windows Phone 8.1中的另一个缩小视图重叠

时间:2015-04-11 07:25:36

标签: windows-phone-8.1 winrt-xaml semantic-zoom

我有5个支点项目。在每个视图和视图中都有语义缩放,当我进行语义缩小视图时,它与另一个语义缩小视图屏幕重叠。 如何解决这个问题。

这是我的代码:

 <Grid Margin="0 -15 0 0" Grid.RowSpan="2" x:Name="MainGrid">
        <Pivot x:Name="PivotControl" x:Uid="PivotControlTitle" PivotItemLoaded="PivotControl_PivotItemLoaded"  Visibility="{Binding PivotControlVisibility}">
            <PivotItem Margin="20 10 15 10" Tag="0">
                <SemanticZoom  IsZoomedInViewActive="{Binding IsSZoomedInViewActive, Mode=TwoWay}">
                    <SemanticZoom.ZoomedInView>
                        <GridView
                        AutomationProperties.AutomationId="ItemsGridView"
                        AutomationProperties.Name="Grouped Items"
                        SelectionMode="Multiple"
                        ItemTemplate="{StaticResource fileItemControl}"
                        ItemsSource="{Binding Source={StaticResource groupItemViewSource}}"
                        IsSwipeEnabled="True"
                        >
                            <GridView.GroupStyle>
                                <GroupStyle HidesIfEmpty="True">
                                    <GroupStyle.HeaderTemplate>
                                        <DataTemplate>
                                            <TextBlock 
                                                Padding="0 2 0 11"
                                                x:Name="GroupHeader"
                                                Style="{StaticResource SubheaderTextBlockStyle}"
                                                Foreground="White" 
                                                Text="{Binding GroupName}"/>
                                        </DataTemplate>
                                    </GroupStyle.HeaderTemplate>
                                    <GroupStyle.Panel>
                                        <ItemsPanelTemplate>
                                            <ItemsWrapGrid Orientation="Vertical" Margin="0 0 20 0"/>
                                        </ItemsPanelTemplate>
                                    </GroupStyle.Panel>
                                </GroupStyle>
                            </GridView.GroupStyle>
                            <i:Interaction.Behaviors>
                                <core:EventTriggerBehavior EventName="SelectionChanged">
                                    <core:InvokeCommandAction Command="{Binding GridViewSelectionChanged}"  />
                                </core:EventTriggerBehavior>
                            </i:Interaction.Behaviors>
                        </GridView>
                    </SemanticZoom.ZoomedInView>
                    <SemanticZoom.ZoomedOutView>
                        <GridView
                            Padding="18 0 0 0"
                            AutomationProperties.AutomationId="ItemsGridView"
                            AutomationProperties.Name="Grouped Items"
                            Background="#DD000000"
                            SelectionMode="None"
                            IsSwipeEnabled="True"
                            SelectedIndex="{Binding SZOutSelectedIndex, Mode=TwoWay}"
                            HeaderTemplate="{StaticResource SemanticZoomOutViewHeaderTemplate}"
                            ItemTemplate="{StaticResource DefaultGroupOutViewItemTemplate}"
                            >
                            <Style TargetType="GridViewItem">
                                <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
                                <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
                                <Setter Property="Background" Value="Transparent"/>
                                <Setter Property="TabNavigation" Value="Local"/>
                                <Setter Property="IsHoldingEnabled" Value="True"/>
                                <Setter Property="Margin" Value="0,7,4,4"/>
                            </Style>
                        </GridView>
                    </SemanticZoom.ZoomedOutView>
                </SemanticZoom>
            </PivotItem
  

以上枢轴控制有4个以上的枢轴项目,如上面的

0 个答案:

没有答案