Thanks, Martin The animation works. The only issue however is maintaining the highlight. I am sure I will work out the logic for that.
Thanks once again. Warm Regards ~~~~~~~~~~~~~~~ Vinayak http://www.flickr.com/photos/rightplacerighttime/ On Wed, Mar 2, 2011 at 9:55 AM, Vinayakam Murugan <[email protected]>wrote: > Thanks Martin > > I will take a look at this. However my menu does have dynamic content. The > static listmodel was used as an example > > Warm Regards > ~~~~~~~~~~~~~~~ > Vinayak > > http://www.flickr.com/photos/rightplacerighttime/ > > > On Wed, Mar 2, 2011 at 9:50 AM, <[email protected]> wrote: > >> If your menu doesn’t have dynamic content and all items are the same >> height (which seems to be the case), the easiest is to simply animate >> contentY to the new position. The attached adds a NumberAnimation for >> menuList.contentY and sets the contentY using nIndex * ldHeight. >> >> >> >> Br, >> >> Martin. >> >> >> >> *From:* ext Vinayakam Murugan [mailto:[email protected]] >> *Sent:* Wednesday, 2 March 2011 3:05 AM >> *To:* Jones Martin (Nokia-MS-Qt/Brisbane) >> *Cc:* [email protected] >> >> *Subject:* Re: [Qt-qml] Animate Listview Highlight transition when >> interactive is false >> >> >> >> Any luck, anybody >> >> >> Warm Regards >> ~~~~~~~~~~~~~~~ >> Vinayak >> >> http://www.flickr.com/photos/rightplacerighttime/ >> >> On Mon, Feb 28, 2011 at 10:55 AM, Vinayakam Murugan < >> [email protected]> wrote: >> >> Hello Martin >> >> >> >> Please find attached a zip file with a standalone example. >> >> >> >> The target is to have a scroll like animation when down arrow is pressed. >> >> >> Warm Regards >> ~~~~~~~~~~~~~~~ >> Vinayak >> >> http://www.flickr.com/photos/rightplacerighttime/ >> >> On Mon, Feb 28, 2011 at 10:46 AM, <[email protected]> wrote: >> >> Hi Vinayak, >> >> >> >> Are you able to provide a stand-alone example that we can run in >> qmlviewer? >> >> >> >> Br, >> >> Martin. >> >> >> >> *From:* [email protected] [mailto: >> [email protected]] *On Behalf Of *ext >> Vinayakam Murugan >> *Sent:* Saturday, 26 February 2011 2:54 AM >> *To:* [email protected] >> *Subject:* Re: [Qt-qml] Animate Listview Highlight transition when >> interactive is false >> >> >> >> On further analysis, it seems that list.positionViewAtIndex that I am >> using to refresh the content is the culprit. Is there any way I can animate >> this transition >> >> >> Warm Regards >> ~~~~~~~~~~~~~~~ >> Vinayak >> >> http://www.flickr.com/photos/rightplacerighttime/ >> >> On Fri, Feb 25, 2011 at 4:58 PM, Vinayakam Murugan <[email protected]> >> wrote: >> >> Hello >> >> >> >> I have a requirement to manage the navigation within the listview. Also I >> want to have a scroll effect when the highlight moves . >> >> >> >> A snippet is given below. >> >> >> >> ListView { >> >> id:currentList >> >> >> >> width:parent.width >> >> height:parent.height >> >> >> >> >> >> anchors.top:parent.top >> >> anchors.bottom:parent.bottom >> >> highlightMoveDuration:1 >> >> highlightMoveSpeed:500 >> >> >> >> >> >> interactive:false >> >> highlightFollowsCurrentItem:true >> >> highlightRangeMode: ListView.StrictlyEnforceRange >> >> preferredHighlightBegin:0 >> >> preferredHighlightEnd: parent.height >> >> smooth:true >> >> delegate: FocusScope{ >> >> id:currentMenuItem >> >> >> >> >> >> Column{ >> >> anchors.fill:parent >> >> Image { >> >> source: Style.imagePath + "category_o.png" >> >> anchors{top:parent.top} >> >> height:parent.height >> >> visible:!currentMenuItem.activeFocus >> >> } >> >> Text { >> >> id:mmText >> >> width:parent.width >> >> anchors{top:parent.top; horizontalCenter: >> parent.horizontalCenter;} //x:list.currentItem.x >> >> height:parent.height >> >> horizontalAlignment:Text.AlignHCenter >> >> verticalAlignment:Text.AlignVCenter >> >> text: title >> >> } >> >> Image { >> >> anchors.top:parent.top >> >> anchors.topMargin:Style.arrows.rtTopMargin >> >> anchors.right:mmText.right >> >> anchors.rightMargin:Style.arrows.rtRightMargin >> >> source:Style.imagePath + "arrow_right.png" >> >> } >> >> } >> >> Keys.onUpPressed:{ >> >> moveUp() >> >> } >> >> Keys.onDownPressed:{ >> >> moveDown() >> >> } >> >> } >> >> highlight:catHighlight >> >> Component >> >> { >> >> id:catHighlight >> >> >> >> >> >> Image >> >> { >> >> source: Style.imagePath + "category_h.png" >> >> y:currentList.currentItem.y >> >> Behavior on y { >> >> SpringAnimation { >> >> spring: 3 >> >> damping: 0.1 >> >> } >> >> } >> >> } >> >> } >> >> >> >> >> Warm Regards >> ~~~~~~~~~~~~~~~ >> Vinayak >> >> http://www.flickr.com/photos/rightplacerighttime/ >> >> >> >> >> >> >> > >
_______________________________________________ Qt-qml mailing list [email protected] http://lists.qt.nokia.com/mailman/listinfo/qt-qml
