Animated Button Border
-
wrote on 10 Apr 2018, 12:09 last edited by VAIBHAVSRI 4 Nov 2018, 05:34
How can we make a Button's Border Animated in QML like shown below:
[Snake like Movement]
-
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.
1/2