Add offset to GUI anchor (SOLVED)

Questions
1

Right now I have a blank GUI scene with a button in it. It looks like this:

26%20pm
26%20pm374×339 2.16 KB

The X Anchor of this button is set to Left, and the Pivot is set to West. As expected, the button will always be stuck to the left edge of the window.

Now I’d like to add some offset to this position, but I’m not really sure how to do this. As far as I know, anchoring will always try to keep that GUI node at the same percentage away from the edge of the window, but I want to keep the element a fixed amount away from the left edge.

If I can do this I can easily account for notches and display cutouts on mobile. I’d like to do this without setting the position of the node directly in the GUI scene, because sometimes having the node fixed to the left edge makes more sense on phone models without display cutouts.

Is there currently a way to do this in Defold?

2

Add a 1px transparent PNG to your atlas. Make a new node and set this texture to that node. You can also use a 0 width height textureless node but it will add draw calls, this method does not.

Give it the west anchor and move to the left side. Now you can put other nodes as children of this node and offset them from it.

If you have an extension to tell you what the notch area is then you should be able to get that data and then offset the root node in a gui script to move all of its children.

5 Likes