1

アプリにスプリットビューを実装しようとしていますが、IsPaneOpen = true; を設定すると、ピボットがその分割ビュー ペインの右側に移動しません。Insted SplitView Pane は、pivotItems の上に開きます。誰かがこれを解決するのを手伝ってください。前もって感謝します。

私のメインページ:

        <Page
            x:Class="SplitView.MainPage"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:local="using:SplitView"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            mc:Ignorable="d">

            <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
                <RelativePanel x:Name="myrelativepanel">
                    <Pivot x:Name="mypivot" RelativePanel.AlignRightWith="spv">
                        <PivotItem x:Name="header1" Header="Header1">
                            <ListBox x:Name="listView"
                                    HorizontalAlignment="Left" 
                                    Height="Auto" 
                                    VerticalAlignment="Top" 
                                    Width="172"
                                    ItemsSource="{x:Bind itemsList}"
                                    />

                        </PivotItem>
                        <PivotItem x:Name="header2" Header="Header2">
                            <ListBox x:Name="listView1"
                                    HorizontalAlignment="Left" 
                                    Height="Auto" 
                                    VerticalAlignment="Top" 
                                    Width="172"
                                    ItemsSource="{x:Bind itemsList}"
                                    />
                        </PivotItem>
                    </Pivot>

                    <local:SplitViewPage x:Name="spv"></local:SplitViewPage>
                </RelativePanel>

            </Grid>
        </Page>

マイ SplivView ページ:

    <Page
        x:Class="SplitView.SplitViewPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:SplitView"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d">

        <SplitView x:Name="MySplitView" DisplayMode="CompactOverlay"  IsPaneOpen="False" 
                   CompactPaneLength="50" OpenPaneLength="150">
            <SplitView.Pane>
                <StackPanel Background="Gray">
                    <Button x:Name="HamburgerButton" FontFamily="Segoe MDL2 Assets" Content="&#xE700;"
                        Width="50" Height="50" Background="Transparent" Click="HamburgerButton_Click"/>
                    <StackPanel Orientation="Horizontal">
                        <Button x:Name="MenuButton1" FontFamily="Segoe MDL2 Assets" Content="&#xE825;"
                        Width="50" Height="50" Background="Transparent"/>
                        <TextBlock Text="Button 1" FontSize="18" VerticalAlignment="Center" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Button x:Name="MenuButton2" FontFamily="Segoe MDL2 Assets" Content="&#xE10F;"
                            Width="50" Height="50" Background="Transparent"/>
                        <TextBlock Text="Button 2" FontSize="18" VerticalAlignment="Center" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Button x:Name="MenuButton3" FontFamily="Segoe MDL2 Assets" Content="&#xE1D6;"
                            Width="50" Height="50" Background="Transparent"/>
                        <TextBlock Text="Button 3" FontSize="18" VerticalAlignment="Center" />
                    </StackPanel>
                </StackPanel>
            </SplitView.Pane>
            <SplitView.Content>
                <Grid>
                    <TextBlock Text="SplitView Basic" FontSize="54" Foreground="White"
                               HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Grid>
            </SplitView.Content>
        </SplitView>

    </Page>
4

1 に答える 1

0

分割ビューで CompactOverlay の代わりに表示モード CompactInline を使用します。

DisplayMode="CompactInline"
于 2015-07-12T09:46:35.170 に答える