ListView 字幕委托、图标大小及标题文字换行?

ListView 字幕委托、图标大小及标题文字换行?

我正在开发一个 ubuntu 移动应用程序,我对自定义列表视图有一些疑问。

列表项可能包含图标,但会有标题和副标题。

我遇到的问题是缩略图是从互联网上提取的,我想限制它的高度和宽度。

此外,如果标题太长,它不会换行,而是直接截断并在末尾添加“...”。

谢谢。

答案1

如文档中所述ListItem.Base(从中ListItem.Subtitle继承):

图标:变体

列表项中显示的图标的位置(可选),或列表项左侧显示的项目。图标将自动锚定在列表项的左侧,如果其高度未定义,则锚定在列表项的顶部和底部。

您可以提供具有特定宽度和高度的图像作为图标使用。

ListView {
    [...]
    delegate: Subtitled {
        id: mySubtitledView
        text: 'Your text'
        subText: 'Your subtext'
        icon: Image {
            source: '<source_uri>'
            width: units.gu(5);
            height: units.gu(5);
        }
        height: units.gu(5)
    }
}

请注意height的参数设置Subtitled,因为它不会自动增大以适应图像的大小。


至于你的第二个问题,我没有找到一种“干净”的方式来格式化text,但你可以直接访问 的子项Subtitled并在那里进行修改。正文似乎是第一个子项的第一个子项,因此这将起作用:

       Component.onCompleted: {
            // Accessing Subtitled > Item > LabelVisual
            mySubtitledView.children[0].children[0].wrapMode = Text.Wrap
        }

这对我来说很有效,但我不知道这是否是一个可靠的解决方案。也许其他人可以发表评论。

相关内容