ScrollViewSnap Class - Fuse Documentation

Jump to:
Table of Contents

This entity is experimental and might be changed or removed in a future release.

Add scroll snapping behavior to the ScrollView. Scroll snapping allows you to lock the viewport to certain location after a user has finished scrolling.

You can use SnapAlignment property to control the lock position. There are three lock position available, Start, Center and End.

The setup that works now is with a StackPanel (Horizontal or Vertical)

<ScrollView LayoutMode="PreserveVisual">
    <StackPanel>
        <Each Count="100" Reuse="Frame" >
            <Panel Color="#AAA">
                <Text Value="Data {= index() }"/>
            </Panel>
        </Each>
    </StackPanel>

    <ScrollViewSnap SnapAlignment="Center" />
</ScrollView>

It's required to use LayoutMode="PreserveVisual" on the ScrollView and the child element in the StackPanel has an equal size.

Location

Namespace: Fuse.Controls
Package: Fuse.Controls.ScrollView 2.9.1

Show Uno properties and methods

Interface of ScrollViewSnap

ScrollViewSnap Constructor uno

Creates a new ScrollViewSnap

SetSnapAlignment(SnapAlign, IPropertyListener) uno

SnapAlignment : SnapAlign ux

The lock position of ScrollView viewport are treated

SnapHandler : VisualEventHandler (object, VisualEventArgs) ux

Raised whenever the scroll snap changes.

Inherited from Node

Bindings : IList of Binding ux

The list of bindings belonging to this node.

ContextParent : Node uno

The context parent is the semantic parent of this node. It is where non-UI structure should be resolved, like looking for the DataContext, a Navigation, or other semantic item.

FindNodeByName(Selector, Predicate<Node> (Node)) : Node uno

Finds the first node with a given name that satisfies the given acceptor. The serach algorithm works as follows: Nodes in the subtree are matched first, then it matches the nodes in the subtrees ofthe ancestor nodes by turn all the way to the root. If no matching node is found, the function returns null.

GetNearestAncestorOfType<T> : T uno

Insert(int, Binding) uno

IsRootingCompleted : bool uno

Whether rooting for this node is completed. Returns false if unrooting has started.

IsRootingStarted : bool uno

Whether rooting of this node has started. Note that even if this property returns true, rooting may not yet be completed for the node. See also IsRootingCompleted.

Name : Selector ux

Run-time name of the node. This property is automatically set using the ux:Name attribute.

NextSibling<T> : T uno

Returns the next sibling node of the given type.

OnDataChanged(string, object) uno

OnRooted uno

If you override OnRooted you must call base.OnRooted() first in your derived class. No other processing should happen first, otherwise you might end up in an undefined state.