Trusted by the world’s leading companies

Overview

The .NET MAUI Parallax View is a visual effect that binds the scroll position of a foreground element (e.g., a list) to a background element and moves the background element at a different speed.

.NET MAUI Parallax View code example

Easily get started with the .NET MAUI Parallax View using a few simple lines of XAML code, as demonstrated below. Also, explore this .NET MAUI Parallax View example, which shows how to render and configure a Parallax View in .NET MAUI.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ParallaxViewGettingStarted.MainPage"
             xmlns:parallax="clr-namespace:Syncfusion.Maui.ParallaxView;assembly=Syncfusion.Maui.ParallaxView"
             xmlns:list="clr-namespace:Syncfusion.Maui.ListView;assembly=Syncfusion.Maui.ListView"
             xmlns:local="clr-namespace:ParallaxViewGettingStarted">
    <ContentPage.Content>
        <Grid>
            <Grid.BindingContext>
                <local:ParallaxViewModel x:Name="viewModel"/>
            </Grid.BindingContext>
            <parallax:SfParallaxView Source="{x:Reference Name = listview}" x:Name="parallaxview" >
                <parallax:SfParallaxView.Content>
                    <Image BackgroundColor="Transparent" Source="{Binding Image}" HorizontalOptions="Fill" VerticalOptions="Fill" Aspect="AspectFill" />
                </parallax:SfParallaxView.Content>
            </parallax:SfParallaxView>
            <list:SfListView x:Name="listview">
            </list:SfListView>
        </Grid>
    </ContentPage.Content>
</ContentPage>

Speed customization

The .NET MAUI Parallax View control allows users to change the parallax scrolling speed from 0 to the desired value.

Speed customization documentation

.NET MAUI Parallax View showing parallax scroll speed.

Orientation type

The .NET MAUI Parallax View control has two types of orientation: horizontal and vertical.

Orientation type documentation

.NET MAUI Parallax View control shows horizontal orientation.

Horizontal orientation

The Parallax View control allows users to scroll the content horizontally.

.NET MAUI Parallax View control shows vertical orientation.

Vertical orientation

The Parallax View control allows users to scroll the content vertically.

Support for .NET MAUI ScrollView and Syncfusion® ListView

The .NET MAUI Parallax View control has built-in parallax scrolling support for the .NET MAUI ScrollView and Syncfusion® ListView controls. You can directly bind these controls to the Syncfusion® .NET MAUI Parallax View control.

.NET MAUI Parallax View scrolling support for ListView.

Custom controls

The .NET MAUI Parallax View control supports any custom control that implements the IParallaxView interface.

Custom controls documentation

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

95+ UI controls

200+ interactive .NET MAUI demos

1.7M+ downloads

Explore Complete .NET MAUI Comparison

Not sure how to create your first .NET MAUI Parallax View? Our tutorial videos and documentation can help.

I’d love to watch it now I’d love to read it now

Frequently Asked Questions

✅ Why should you choose the Syncfusion^® .NET MAUI Parallax View?

The Syncfusion^® .NET MAUI Parallax View lets you:

Customize the speed of the parallax scroll.
Use horizontal and vertical orientations.
Bind any control that implements the IParallaxView interface.
Implement parallax scrolling in the .NET MAUI ScrollView and Syncfusion® ListView controls.
Provide a touch-friendly interface.
Enjoy a simple configuration and APIs.
Take advantage of extensive demos and documentation to get started quickly with the .NET MAUI Parallax View.

✅ Where can I find the Syncfusion® .NET MAUI Parallax View demo?

You can find our .NET MAUI Parallax View demo here. It demonstrates how to render and configure the Parallax View.

✅ Can I download and utilize the Syncfusion® .NET MAUI Parallax View for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.