How can I keep an element at a 'fixed' position relative to another element?

simonsanchezart

I want the blue dot to be in the 'hand' of the image at all times, without scaling.
I also want to do this for any kind of element (text, button, etc...)
How can I do this?

My QML looks something like this

Image {
    anchors.fill: parent
    horizontalAlignment: Image.AlignHCenter
    source: "images/UI_Assets/background.png"
    fillMode: Image.PreserveAspectCrop
    width: 800
    height: 600

    Image {
        id: image
        anchors.fill: parent
        source: "images/UI_Assets/background_body.png"
        fillMode: Image.PreserveAspectFit

        Image {
            id: dot
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            anchors.leftMargin: 455
            anchors.rightMargin: 299
            anchors.topMargin: 277
            anchors.bottomMargin: 277
            source: "images/UI_Assets/button_circle_b.png"
            fillMode: Image.PreserveAspectFit
        }
    }

Thanks a lot

johngod

Don't use anchors for the dot, use a fixed value, something like

Image {
id: dot
width: someWidth
height: someHeight
x: someXPositionRelativeToXBodyImage
y: someYPositionRelativeToYBodyImage
.....
}