Components/Visual effects

EParallaxView Parallax view

import EUI 1.0

Examples

Parallax view

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EParallaxView { height: 280 speed: 0.35 width: parent.width backgroundComponent: Component { Image { source: "qrc:/example/images/gallery/tree.jpg" fillMode: Image.PreserveAspectCrop ERectangle { color: "#66000000" anchors.fill: parent } } } Repeater { model: 10 EText { height: 48 color: "white" text: index + 1 } } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

backgroundComponentalias

Component slot for custom parallax background; null uses the default content.

DefaultAlias: backgroundLoader.sourceComponent

contentalias

Content slot; declare QML child objects directly inside the component.

DefaultAlias: column.data

enabledbool

Allow interaction; false disables the control.

Defaulttrue

flickablealias

Flickable supplying scroll coordinates.

DefaultAlias: flickable

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

speedreal

Parallax background movement ratio relative to scrolling content.

Default0.35

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth