[Qt-qml] Animate Listview Highlight transition when interactive is false

Vinayakam Murugan mvinayakam at gmail.com
Tue Mar 1 18:05:16 CET 2011


Any luck, anybody

Warm Regards
~~~~~~~~~~~~~~~
Vinayak

http://www.flickr.com/photos/rightplacerighttime/


On Mon, Feb 28, 2011 at 10:55 AM, Vinayakam Murugan <mvinayakam at gmail.com>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, <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/20110301/b08a1b04/attachment-0001.html 


More information about the Qt-qml mailing list