边框经过 NavigationView

Question

Problem

Border goes through NavigationView

See Screenshot

Question

How can I make the Border not go through NavigationView .

Source Code

<Viewbox Stretch="Uniform" StretchDirection="Both" Width="350" Margin="-900,0,-220,0">

            <Border CornerRadius="50" Width="350" Height="700" Background="White">

                <RadioButton Margin="45,0,00,500">

                    <TextBlock Margin="20,0,0,0" Text="Test" Foreground="Black"></TextBlock>

                </RadioButton>

            </Border>

        </Viewbox>

Answer 1

You need to set PaneDisplayMode to Left .

To quote from the docs :

The default PaneDisplayMode for the NavigationView is Auto, so when the window width is less than or equal to CompactModeThresholdWidth, LeftMinimal navigation is used. When the window gets wider, the VisualState overrides the default, and Top navigation is used.

The PaneDisplayMode is Auto by default and depending on the window width, it switches to LeftMinimal which might hide the content with the pane.