ImageTextList 图文列表控件
控件名称
ImageTextList
中文名称
图文列表控件
控件优点
ImageTextList 是一个图文列表控件,支持图片、SVG图标、标题、副标题显示和点击事件。适用于列表展示、菜单导航等场景。

主要特性
- 图文显示:支持图片和文本同时显示
- SVG图标:支持SVG图标显示
- 标题副标题:支持主标题和副标题显示
- 图片位置:支持图片左右位置设置
- 图片缩放:支持多种图片缩放方式
- 点击事件:支持项点击事件
重要参数说明
基本属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
Items |
ImageTextListItemCollection | - | 列表项集合 |
ItemHeight |
int | 60 | 项高度 |
ImagePosition |
ImagePosition | Left | 图片位置 |
ImageScaleMode |
ImageScaleMode | Zoom | 图片缩放方式 |
ImageSize |
Size | 40, 40 | 图片大小 |
ImageMargin |
Padding | 10 | 图片边距 |
图片位置(ImagePosition)
| 位置值 | 说明 |
|---|---|
Left |
左侧 |
Right |
右侧 |
图片缩放方式(ImageScaleMode)
| 缩放值 | 说明 |
|---|---|
Stretch |
拉伸填充 |
Zoom |
按比例缩放,保持完整显示 |
Cover |
裁剪填充,填满整个区域 |
Center |
居中显示,不缩放 |
ImageTextListItem 属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
Image |
Image | null | 图片对象 |
IconSvg |
string | "image" | SVG图标名称 |
IconColor |
Color | Gray | SVG图标颜色 |
Title |
string | "" | 标题文本 |
TitleColor |
Color? | null | 标题颜色 |
SubTitle |
string | "" | 副标题文本 |
SubTitleColor |
Color? | null | 副标题颜色 |
ImagePosition |
ImagePosition? | null | 图片位置 |
Tag |
object | null | 自定义数据 |
Uri |
string | "" | 链接地址 |