SwipeNavigation for Image Gallery

How-to Discussions
1

What I’m going for is a sort of image gallery. It’s horizontal scroll, and the images should be swipeable.

Basic code as follows:

<Panel>
    <LinearNavigation />
    <SwipeNavigate SwipeDirection="Left" />
    <Each Items="{images}">
        <ImageGallery>
            <Image Url="{url}" StretchMode="UniformToFill" Width="100%" Height="200" />
        </ImageGallery>
    </Each>
</Panel>

Where ImageGallery is:

<Page ux:Class="ImageGallery">
    <EnteringAnimation>
        <Move X="-1" RelativeTo="ParentSize" />
    </EnteringAnimation>
    <ExitingAnimation>
        <Move X="1" RelativeTo="ParentSize" />
    </ExitingAnimation>
</Page>

The issue I’m having is that the “scrolling” animation feels off. I’d expect a more “throwing” effect when I swipe my finger, but what I get is a slight pause after swiping, followed by what I assume is the standard easing curve.

How can I make that swipe action feel more natural?

Thanks in advance!

2

Hi!

<LinearNavigation Easing="CircularOut" /> usually does the trick for me :slight_smile: