组件/导航组件

EAnchor 锚点

import EUI 1.0

示例与代码

锚点

QML 代码QML

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: "概览" } ECard { id: details height: 240 width: parent.width header: "详细内容" } } } EAnchor { x: parent.width - 120 target: scroll model: [{ title: "概览", target: overview }, { title: "详细内容", target: details }] } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

boundreal

锚点当前项判定的容差，单位为像素。

默认值1

currentIndexint

当前选中或显示项的索引。

-1：未选择
0 起：条目索引

默认值-1

directionint

组件的排列方向。

EOrientation.Horizontal
EOrientation.Vertical

默认值EOrientation.Vertical

durationint

动画或显示持续时间，单位为毫秒；组件的绑定表达式给出实际用途。

默认值0

enabledbool

是否允许交互；false 时控件禁用。

默认值true

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

markerbool

是否显示当前锚点标记。

默认值true

modelvar

组件的数据源；数组项结构以当前示例及组件说明为准。

默认值[]

offsetreal

相对布局、滚动目标或弹层参考对象的偏移；单位为像素。

默认值0

selectScrollTopbool

滚动顶部时是否选择第一个锚点。

默认值false

targetItem

滚动、定位或加载遮罩所作用的目标对象。

默认值null

typestring

导航标记的显示样式。

"default" / "underline"

默认值"default"

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

itemsvar只读

经过规范化或转换的项目列表。

默认值由运行时计算

scrollablebool只读

锚点目标对应的实际滚动对象。

默认值由运行时计算

信号

签名作用

changed(int index, var item)

当前锚点变化时触发，index 为锚点索引，item 为锚点数据。

clicked(int index, var item)

点击锚点时触发，index 为锚点索引，item 为锚点数据。

方法

签名作用

scrollTo(index)

滚动到 index 对应锚点的目标位置。