我正在开发一个 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
}
这对我来说很有效,但我不知道这是否是一个可靠的解决方案。也许其他人可以发表评论。