Components/Navigation

EAnchor Anchor

import EUI 1.0

Examples

Anchor

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { width: parent.width height: 280 Flickable { id: scroll clip: true width: parent.width - 130 height: parent.height contentHeight: sections.height Column { id: sections width: parent.width spacing: 20 ECard { id: overview height: 240 width: parent.width header: "Overview" } ECard { id: details height: 240 width: parent.width header: "Details" } } } EAnchor { x: parent.width - 120 target: scroll model: [{ title: "Overview", target: overview }, { title: "Details", target: details }] } }

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

boundreal

Tolerance for selecting the current anchor in pixels.

Default1

currentIndexint

Index of the current selected or displayed item.

-1: no selection
0 and above: item index

Default-1

directionint

Component layout direction.

EOrientation.Horizontal
EOrientation.Vertical

DefaultEOrientation.Vertical

durationint

Animation or display duration in milliseconds; the component binding identifies its use.

Default0

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

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

DefaultimplicitHeight

markerbool

Show the current anchor marker.

Defaulttrue

modelvar

Component data source; item structure follows the current example and component contract.

Default[]

offsetreal

Offset relative to layout, scroll target or popup reference, in pixels.

Default0

selectScrollTopbool

Select the first anchor when at the scroll top.

Defaultfalse

targetItem

Target item for scrolling, positioning or the loading overlay.

Defaultnull

typestring

Display style of the anchor indicator.

"default" / "underline"

Default"default"

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

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

DefaultimplicitWidth

itemsvarRead only

Normalized or transformed item list.

DefaultComputed at runtime

scrollableboolRead only

Resolved scroll object for the anchor target.

DefaultComputed at runtime

Signals

SignaturePurpose

changed(int index, var item)

Emitted when the active anchor changes; index is its index and item is its data.

clicked(int index, var item)

Emitted when an anchor is clicked; index is its index and item is its data.

Methods

SignaturePurpose

scrollTo(index)

Scroll to the target of the anchor at index.