Preventing swiping between Pivot elements

6
votes

I understand this question has been asked before, but never for Windows Phone 8 has it been answered.

In Windows Phone 7, it was possible to set isHitTestVisible = false on the base Pivot element to stop the PivotItem from scrolling when swiping over certain elements, like Sliders and TextBoxes. In Windows Phone 8, however, the Pivot beings scrolling before the ManipulationStarted event (or even the Touch object's events) fires. This means that one cannot prevent scrolling between Pivots by listening for ManipulationStarted on certain Controls like one could in Windows Phone 7.

Is there any way to disable scrolling over certain elements, or even certain sections of the screen?

3
c#windows-phone-7windows-phone-8
I tried to reproduce you case and found that the Slider control works well within a Pivot control: I can change the Slider value without scrolling between Pivots. What is the problem you have with the Slider? - Olivier Payen
Are you using more than one Pivot? Are you sliding (instead of just tapping) to change the value of the slider? The problem only arises when one tries to drag the slider when there exist multiple pivots, - Eric Dand
By "more than one Pivot", do you mean a Pivot inside of another pivot? Or like a Pivot on the top half of the screen and another on the bottom? - Nate Diamond
Neither: more than one PivotItem within a single Pivot. In that item would be placed a Slider control. - Eric Dand
not long ago i had a similar problem what solve it was this post geekchamp.com/tips/… works nicely in WP8 - Swift Sharp

3 Answers

14
votes

If your actual problem is that the Pivot swallow manipulation events for map/slider/etc. controls, try set UseOptimizedManipulationRouting="False".

MSDN have a longer explanation of this property.

Otherwise the correct approach is to use Pivot.IsLocked="True".

3
votes

For UWP I wanted to use Pivot more like tabs control so I'd to override the pivot style and there is an element Pivot Panel so if we disable ManipulationMode=None swipe will be disabled and it'll work more like tabs.

<PivotPanel x:Name="Panel" VerticalAlignment="Stretch" ManipulationMode="None">
0
votes

I suggest you using WP Silverlight Tolkit, they provide nice gesture events, and you'r event is WhenFlicked(). 

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
<toolkit:GestureService.GestureListener>
    <toolkit:GestureListener Flick="WhenFlicked"/>
</toolkit:GestureService.GestureListener>

Function:

if (e.Direction.ToString() == "Horizontal") //Left or right
            {
                if (e.HorizontalVelocity > 0) //Right
                {
                    Pivot.CurrentItem=Pivot.CurrentItem+1; //don't remember the code for changing the page...
                }
                else //Left
                {
                    Pivot.CurrentItem=Pivot.CurrentItem-1;
                }
            }

I also tried writing my swipe event, but this one is way better and doesn't trigger events of elements placed on the page. Good Luck