Ensure the Skill Icons are parented to a Canvas so you can get their positions:
The parent widget can draw lines using those coordinates. That’s the gist. The actual implementation would depend on whether this needs to be dynamic. Perhaps you can just draw lines in Gimp / Photoshop / Paint and slap icons on top in the UMG.
Draw a Line between two widgets
To literally answer it; this assumes we’re drawing from centre to centre:
Do note that lines render last (on top) so either draw from the edges / corners. Or have a separate background with lower Z order and draw there.
Thank you so much!!
I’ll just add that for this to work (better) the widgets must have a Desired Size:
And the easiest way to have it reported correctly in the editor is via Size Box. It should work run-time one way or another since the layout will be pre-passed.
Thanks!!!
This method does not work for cases where canvas is moved, i was experimenting with your given method and sadly nothing worked, then i tried out in c++ such method:
alright, i figured out how to correctly draw a line, the only last issue that it is drawn on top of every UI widget/element…
I changed layer id of drawn lines, it still draws on one of the nodes and other under, as i can see it differs, so its unreliable to use for lines to make them under the nodes, what other solution there could be to make lines be under the nodes??
tried just now, didn’t change anything.
ohh, maybe there is a z-order controlling the layer of widgets
well there is, but if i change inner canvas Z-Order to be lowest, the drawn line still will be on top of all the widgets…
