Fix HeaderBar for missing animations
Closed, ResolvedPublic

Description

Fix HeaderBar for missing animations when change happen.
The needed skills are mainly qml. It should be pretty easy to get started with fixing one missing animations after another one. There is no need to fix everything at once.

mgallien created this task.Jun 8 2017, 6:37 PM
mgallien moved this task from Backlog to In Progress on the Elisa board.Jun 14 2017, 9:16 PM
mgallien moved this task from In Progress to Backlog on the Elisa board.Aug 3 2017, 9:53 PM
mgallien removed mgallien as the assignee of this task.Nov 22 2017, 9:52 PM
mgallien moved this task from Backlog to Junior Jobs on the Elisa board.Jun 7 2018, 9:47 PM
mgallien updated the task description. (Show Details)Jun 22 2018, 8:18 PM
hantzv added a subscriber: hantzv.Jul 11 2018, 4:18 AM

Hi, can you elaborate a bit more on what needs to be done on this?

What needs to be fixed?

The wording also makes me wonder whether it's something in the code or housekeeping?

one missing animations after another one
no need to fix everything at once

mgallien raised the priority of this task from Normal to Unbreak Now!.Jul 11 2018, 5:30 AM

Hi, can you elaborate a bit more on what needs to be done on this?

What needs to be fixed?

The track title, album name, artist name and track rating changes without transitions when moving from one track to another one.
We might also want to have a transition for the "x tracks remaining" label.

The icon and background already have transitions from the old track to the new one.

The wording also makes me wonder whether it's something in the code or housekeeping?

one missing animations after another one
no need to fix everything at once

Alright!

What type of animation should be there? I'm thinking a sliding of the whole background followed by the information (title, album name, etc) fading in.

I will also claim this, but I don't promise anything before next weekend.

I will mostly be away from keyboard for the next three weeks. If you have questions do not hesitate to also ask in the mailing list. @januz and @ngraham can also help the design of a working solution.
Welcome to the Elisa project

hantzv claimed this task.Jul 11 2018, 6:07 AM

Thanks!

I have played a bit with QML, I expect to do okay. But if the team already have something in mind, I'll be glad to implement it.

Is anybody working on this?

astippich removed hantzv as the assignee of this task.Aug 3 2019, 6:33 PM

Hello, I am new to this community, I have made some simple applications using Qt.
I would really like to try out this issue if anyone else is not working on it.

Please feel free to!

can I have the documentation for elisa, I couldn't find it anywhere

puneethchanda added a comment.EditedDec 20 2019, 2:29 PM

I was able to do this for adding the animations for the remainingTracks label

PropertyAction {
    target: remainingTracksLabel; property: "text"
    onPropertyChanged:
        ColorAnimation {
        from: "white"
        to: "black"
        duration: 200
    }
}

Can I please know if this is how it sould be done.

You wouldn't use hardcoded colors, of course. You would use colors from the Elisa palette, which you can see used in other places throughout the UI. And probably one of the colors should be "transparent". But yeah, otherwise that looks sensible enough.

puneethchanda added a comment.EditedDec 24 2019, 8:44 AM

Hello @ngraham ,
I tried using that but the property change is not getting recognised, can you help me to get where the tracks change can be figured out

id: remainingTracksLabel

    text: tracksCount > 0 ? i18np("1 track remaining", "%1 tracks remaining", tracksCount) : i18n("No remaining tracks")

sorry for the late reply. I wasn't well.

I have faith in you, I bet you can figure it out. :)

I have faith in you, I bet you can figure it out. :)

I would also like to point out that I often use gammaray as a way to understand what happens.

You could try that.

In all cases, feel free to continue to post here to let us know what you are doing.

ngraham closed this task as Resolved.Jan 2 2020, 5:03 PM