[Qt-qml] can Anchor-based layout be conditional?

[Rakesh.Mutharaju at tieto.com]

Hi,

      Thanks for "quick" response. I have gone through the webpage which you have mentioned.

I could now reset the predefined Anchors. But I couldn't add new Anchors, i am getting error "Cannont assign to non-existent property "left".

here is the code snippet

Rectangle {

        id: rectangle15

        x: 0

        y: 752

        width: parent.width

        height: 80

        color: "#3a393e"

        anchors.bottom: parent.bottom

        anchors.bottomMargin: 0

        anchors.left: undefined    ----->>>> this is not required to w.r.t to potrait view

        anchors.leftMargin: 5

        anchors.top: undefined    ----->>>> this is not required to w.r.t to potrait view

        anchors.topMargin:0

        anchors.right: undefined    ----->>>> this is not required to w.r.t to potrait view

        anchors.rightMargin: 5



..

}


states: [

        State {

            name: "landscape"

            ParentChange {

                target: rectangle15

                parent: homebar

            }

            PropertyChanges {

                target: rectangle15

                x: 410

                y: 30

                width: 320

                height: parent.height

            }

            AnchorChanges {

                target: rectangle15

                bottom: undefined

                left: image4.left --->>>> cannot assign to non-existent property "left"

                top:homebar.top

            }

        }

    ]



could you help me with this? and how can i redefine the Margins w.r.t new view?



Br,

Rakesh.M

________________________________
From: aaron.kennedy at nokia.com [mailto:aaron.kennedy at nokia.com]
Sent: Monday, April 19, 2010 10:29 AM
To: Mutharaju Rakesh; qt-qml at trolltech.com
Subject: Re: [Qt-qml] can Anchor-based layout be conditional?

Hi,

You can use the AnchorChanges element (http://doc.trolltech.com/4.7-snapshot/qml-anchorchanges.html) within a state change to modify anchors.  Unfortunately we don't have any examples showing this, but there is an illustrative test under tests/auto/declarative/qmlvisual/animation/reanchor/reanchor.qml

We'll make sure we have updated the docs and examples by 4.7.

Cheers,

Aaron


On 19/04/10 5:22 PM, "Rakesh.Mutharaju at tieto.com" <Rakesh.Mutharaju at tieto.com> wrote:

Hello,

         I am quite new to Qt-Quick. Well, i am trying to use the same view for landscape and potrait modes of screen orientation.

If i have anchored Rectangle to the view something like
Rectangle{
anchors.bottom: parent.bottom
anchors.bottomMargin: 5
}

And if I change the screen orientation I would like to have the same rectangle at

Rectange{
anchors.top:parent.top
anchors.topMargin: 5
anchors.left:parent.left
anchors.leftMargin: 10
}

I guess this requires some sort of logic to reset the anchors on change of orientation and then have a new set of achors w.r.t to new view.I can write a new state and map it to screen orientation.But, how can I change the anchors?

Could someone tell me how to reset the anchors on orientation changes? Or the other alternative seems to have the anchors based on conditions.

Thanks and Regards,
Rakesh


-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.qt.nokia.com/pipermail/qt-qml/attachments/20100419/694d1173/attachment.html