image - 使用 BorderImage 时如何设置红色轮廓边框

Question

我正在使用BorderImage在GridView上显示图像。

以下是我正在做的事情：

BorderImage {
  source: some_image
  asynchronous: true
  cache: false
}

我想为我的图像设置一个红色轮廓边框。我该怎么做？

我查看了Border.left,Border.right属性，但它们只是拉伸图像。

Answer 1

你添加一个Rectangle到你的(Border)Image

BorderImage {
    source: some_image

    Rectangle {
        anchors.fill: parent
        anchors.margins: -border.width
        z: -1
        border.width: 4
        color: 'red'
    }
}