[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