Animated Button Border

[VAIBHAVSRI]

How can we make a Button's Border Animated in QML like shown below:

[Snake like Movement]

[sierdzio]

There is no straightforward API for this. I see several possibilities:

• custom painting in QQuickPaintedItem
• custom painting in QQuickItem
• custom painting via GL shaders
• custom painting in QML Canvas
• a set of 4 animated Rectangle components, simulating the line. An ugly solution, but probably the easiest to do

Perhaps BorderImage component can be forced to do an animation like that, but I doubt it.