Logo FluentUI

ListTile QML Type

显示一个具有可选前置和后置组件的列表项。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Methods

Detailed Description

`ListTile` 组件用于创建一个具有可选前置(leading)和后置(trailing)组件的列表项。它支持文本显示、背景样式、间距和自定义组件。适用于创建应用程序中的列表或菜单项。

示例用法:

 ListTile {
 text: qsTr("Item")
 leading: Image { source: "icon.png" }
 trailing: Button { text: qsTr("Action") }
 }

Property Documentation

content : Component

列表项的主要内容组件。默认为显示文本的 `Label` 组件。


font : font

列表项文本的字体。默认为 `Typography.body`。


implicitHeight : int

列表项的隐式高度,基于内容和内边距计算。


implicitWidth : int

列表项的隐式宽度,基于内容和内边距计算。


leading : Component

列表项的前置组件,通常是一个图标或图片。


leftPadding : int

列表项内容的左侧内边距。默认为 12。


radius : int

列表项背景的圆角半径。默认为 4。


spacing : int

列表项中前置和主要内容之间的间距。默认为 14。


textColor : color

列表项文本的颜色。根据 `enabled` 状态自动选择颜色。如果项处于禁用状态,则使用 `Theme.res.textFillColorDisabled`,否则使用 `Theme.res.textFillColorPrimary`。


trailing : Component

列表项的后置组件,通常是一个按钮或其他操作控件。


Method Documentation

void focus()

使列表项获得焦点。