API : Controls and Offset

[Blackstorm]

Hello,

I am currently writting my own extension, i have done a small code part ^^ but i am blocked with the UI style

I am trying to add some controls headers and controls lines one above the other on a constant background but without knowing the exact offset (or height) of each element, and each element can have one or more lignes and never the same height.

so is it possible please ? if it's possible can you help me to know how ?


I have actualy something like that :

MMQTbg = WM:CreateControl("MMQT_Background", MMQTmain, CT_STATUSBAR)
MMQTbg:SetSimpleAnchorParent(0,0)
MMQTbg:SetResizeToFitDescendents(true)
 
function AddNewTitle(qindex, qlevel, qname)
    if not MMQTlabel[qindex] then
        MMQTlabel[qindex] = WM:CreateControl("MMQT_Label_"..qindex, MMQTbg , CT_LABEL)
        if qindex == 1 then
            local offsetTitle = 0
            MMQTlabel[qindex]:SetSimpleAnchorParent(0,offsetTitle)
        else
            local offsetTitle = (qindex -1) * 25
            MMQTlabel[qindex]:SetSimpleAnchorParent(0,offsetTitle)
        end
    end
    MMQTlabel[qindex]:SetFont("ZoFontAnnounceMessage")
    MMQTlabel[qindex]:SetText("["..qlevel.."] - "..qname)
end
 
for i=1, 6 do
    AddNewTitle(qindex, qlevel, qname)
end

this code work fine, but i'm looking for a way to automatically place the object

Thanks in advance ^^

[Iyanga]

What's wrong with GetDimensions() and GetAnchor() ?

[Blackstorm]

Originally Posted by Iyanga What's wrong with GetDimensions() and GetAnchor() ?

It's not realy documented, no example.. maybe it's doing what i want maybe not ^^

But thanks for info, i will try ^^

[Nogaruk]

I'd love to know if you manage to figure out SetResizeToFitDescendents(bool resize). I have only managed to get it to work with SetDimensionConstraints(number minWidth, number minHeight, number maxWidth, number maxHeight) and SetResizeToFitPadding(number width, number height).

Also, depending on what you want to achieve at the end, you could also use SetAnchor instead of SetSimple so you can have control over the objects alignment. I find it much easier to use the alignment with parenting windows to control how and where they show up in relation to other frames. Instead of trying to find specific offsets to use.

For a descending order for example, TOP alignment for the windows self alignment and BOTTOM for the windows target alignment would ensure that no matter how long (wide) a label's text is, it will always be centered underneath its parent frame.

[Blackstorm]

Hi ^^ thanks for your answers ^^

I tryed with GetDimension() and GetHeight() but nothing, the return give me a '0' value.

I will try today what Nogaruk said...


The problem is i have no examples...

Nogaruk can you give me an short example please, for placing automaticaly several child one above the other ? (I have only one parent, it's the background...) ?

Otherwise, i use SetResizeToFitDescendents() without argument and it auto resize width and height from is content -> set on my background (the background is the parent of all content)

I am looking for a way to use a constraint on the width value, to permit players to specify width in the menu settings ... but i don't know if it's possible to keep the 2 possibilities .. i need to do some tries ^^

[Stormknight]

Something you can do, that I have working nicely in my main addon is to chain components together on the screen with anchor points.


Say you have two labels: LABELA & LABELB.

You set the position of LABELA as normal, within your top-level container.

You can then use SetAnchor to anchor the TOP of LABELB to the BOTTOM of LABELA.

If you change the height of LABELA, then the position of LABELB on the screen will automatically adjust without you having to do any additional scripting to move it.

<GuiXml>
    <Controls>
        <TopLevelControl name="MyAddon" mouseEnabled="true" movable="true" clampedToScreen="true">
            <Dimensions x="200" y="150" />
            <Controls>
                <Label name="$(parent)LabelA" font="ZoFontWinH1" color="FFFFFF" inheritAlpha="true" wrapMode="TRUNCATE" verticalAlignment="TOP" horizontalAlignment="CENTER" text="This is Label A" />
                <Label name="$(parent)LabelB" font="ZoFontWinH5" color="FFFFFF" inheritAlpha="true" wrapMode="TRUNCATE" verticalAlignment="TOP" horizontalAlignment="CENTER" text="This is Label B" />
            </Controls>
        </TopLevelControl>
    </Controls>
</GuiXml>

then in your LUA:

MyAddonLabelB:SetAnchor(TOP, MyAddonLabelA, BOTTOM, 0, 0)

This means set the anchor of LabelB. We are anchoring the TOP of label B to the BOTTOM of Label A, with zero offsets.

Now when you change the size or position of LabelA, you'll see LabelB adjusts as well.