I adapted one of the examples to show a simple SwipeNavigate
action for a set of Panel
s. When one of the Panel
s contains a Path
, the navigation works until that Panel
is swiped onto the screen.
When the Path
's Panel
is swiped onto the screen, the navigation stops working.
Example app:
<App Theme="Basic">
<DockPanel>
<StatusBarBackground Dock="Top" />
<BottomFrameBackground Dock="Bottom" IncludesKeyboard="false" />
<Panel>
<Style>
<Panel>
<EnteringAnimation>
<Move X="-1" RelativeTo="ParentSize"/>
</EnteringAnimation>
<ExitingAnimation>
<Move X="1" RelativeTo="ParentSize" Duration="0.5"/>
</ExitingAnimation>
</Panel>
</Style> <LinearNavigation Easing="CircularOut"/>
<SwipeNavigate SwipeDirection="Left"/> <Panel>
<Circle Width="100" Height="100">
<SolidColor Color=".5,.3,0,0.3"/>
</Circle>
</Panel>
<Panel Width="200" Height="100">
<LinearGradient StartPoint="0, 0" EndPoint="1, 0">
<GradientStop Offset="0.0" Color="1.0, 0.0, 0.0, 0.7" />
<GradientStop Offset="0.5" Color="0.0, 1.0, 0.0, 0.7" />
<GradientStop Offset="1.0" Color="0.0, 0.0, 1.0, 0.7" />
</LinearGradient>
</Panel>
<!--
Comment out the panel below to make the navigation work!
-->
<Panel>
<Path Width="300" Height="300" Fill="Blue" Data="M 10,100 C 100,0 200,200 300,100" />
</Panel>
<Panel Background="Red"/>
<Panel Background="Blue"/>
<Panel Background="Green"/>
</Panel>
</DockPanel>
</App>