Граница изображения в QML

qt qml

2154 просмотра

2 ответа

1223 Репутация автора

Я хочу иметь анимированную границу над Image. Но, к моему удивлению, только Rectangleв состоянии обеспечить border. Я хочу, чтобы пунктирная линия двигалась вокруг Image. Как получить такую ​​анимацию. Это мой пример кода, который просто предоставляет границу для Image.

Rectangle {
    width: image.width + 5
    height: image.height + 5
    border.color: "yellow"
    border.width: 5
    color: "transparent"

    Image {
        id: image
        anchor.centerIn: parent
        source: ""
    }
}
Автор: Ansh Kumar Источник Размещён: 18.07.2016 10:04

Ответы (2)


0 плюса

66 Репутация автора

Поскольку элемент Canvas в QML не имеет метода setLineDash (), как у холста JavaScript (но вы все еще можете эмулировать его, см. Здесь ), самый простой способ (imho) - использовать BorderImage с пользовательским изображением с пунктирным узором. Пожалуйста, посмотрите пример использования BorderImage здесь .

Также вы можете написать свой собственный элемент QML, полученный из QQuickPaintedItem или QQuickItem в C ++.

Автор: Sergey Khasanov Размещён: 22.07.2016 05:43

0 плюса

59 Репутация автора

Возьмите BorderImage вместо Rectangle :

 Image {
   BorderImage { 
   }    
 }
Автор: Kombinator Размещён: 25.07.2016 02:39
Вопросы из категории :
32x32