[Qt-qml] Animate Listview Highlight transition when interactive is false
Vinayakam Murugan
mvinayakam at gmail.com
Mon Feb 28 06:25:13 CET 2011
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, <martin.jones at nokia.com> wrote:
> Hi Vinayak,
>
>
>
> Are you able to provide a stand-alone example that we can run in qmlviewer?
>
>
>
> Br,
>
> Martin.
>
>
>
> *From:* qt-qml-bounces+martin.jones=nokia.com at qt.nokia.com [mailto:
> qt-qml-bounces+martin.jones=nokia.com at qt.nokia.com] *On Behalf Of *ext
> Vinayakam Murugan
> *Sent:* Saturday, 26 February 2011 2:54 AM
> *To:* qt-qml at qt.nokia.com
> *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 <mvinayakam at gmail.com>
> 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/
>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.qt.nokia.com/pipermail/qt-qml/attachments/20110228/c23df507/attachment-0001.html
-------------- next part --------------
A non-text attachment was scrubbed...
Name: catMenu.zip
Type: application/zip
Size: 52360 bytes
Desc: not available
Url : http://lists.qt.nokia.com/pipermail/qt-qml/attachments/20110228/c23df507/attachment-0001.zip
More information about the Qt-qml
mailing list