Anchors problem with several texts

micha4fun

Hello,

I try to align text fragments of different sizes (point). I thought if I anchor 2 elements at the top of each other, they would start at the same y-value. But it seems in texts there are existing special rules. The following example shows what I intend to do.

@
Rectangle
{
width: 360
height: 360

Text
{
     id: t1
     x: 50
     y: 40

     text: "A"

     font.family: "Verdana";
     font.weight: Font.Normal
     font.pointSize: 40
}

Text
{
     id: t2

     text: "B"

     font.family: "Verdana";
     font.weight: Font.Normal
     font.pointSize: 20

     anchors.bottom: t1.bottom
     anchors.left: t1.right
}

Text
{
     id: t3

     text: "C"

     font.family: "Verdana";
     font.weight: Font.Normal
     font.pointSize: 10

     anchors.top: t2.top
     anchors.left: t2.right
}

}
@

Edit: fixed code indentation for improved readability; Andre

mbrasser

Do you have an image of what you are trying to achieve? If the goal is to have the different sized texts all "sitting on the same line", you should be able to use anchors.baseline.

micha4fun

Hmm ... strange. I thought I made this test as well. :/
It works like expected for the first 2 letters. So thank you again!

But while t1 and t2 are sitting now on the same baseline, I still don't see a way to align t3 to the "topline" of letter t2 (both letters start on the same y-value). I tried something like this for t3:

@
anchors.baseline: t2.baseline
anchors.baselineOffset: -( t2.paintedHeight - paintedHeight )
@

But don't work.

andre

Could you post an image, complete with the relevant guide lines, of what you are trying to achieve please?

micha4fun

Of course, here is the image for baseline usage t1/t2 and code snippet from last post for t2/t3 :)

!http://www.treggs.de/img/Image1.png(Baseline image)!

Edit: fixed image tag. Image tag gets screwed if you don't enter an alternative text; Andre