[Run] Intro / exit animations

[crutkas]

right now it is Visible / not visible. We need a quick, fade in / out.

Same should be list results.

1. Guessing, .66 sec for fade in / out. Snappy but not slow.
2. This has to be handled on WPF side due to WinUI transparency issues.

[crutkas]

https://stackoverflow.com/questions/1013817/wpf-fade-animation

[crutkas]

Looks like we can't do this right now. note this was with .1 on both window and island ... hmmm

[crutkas]

another shot

[dsrivastavv]

@crutkas Fading is working for WPF elements but not for XAMLIsland objects. I have the code here : https://github.com/somil55/PowerToys/tree/somil55/LauncherFading. I think it should probably be because of xaml island transparency issue.

[crutkas]

I gave an idea here.

[crutkas]

Fade in wpf (50ms)
Make island visible
Fade in text on control (33ms)

Lot more complex. BUT should work. Going to have to do a lot of tweaking for timing.

[crutkas]

Or 33 and 33

[JordanAnthonyKing]

This will need to respect the OS level enable/disable animations setting.

[crutkas]

It won’t since it is in memory

[niels9001]

Are we still planning to have a dark semi-transparent backdrop (like Shortcuts Guide)? We might want to do a quick fade there as well.

[crutkas]

As of now, no. Only shortcut guide.

[niels9001]

As of now, no. Only shortcut guide.

We need to make sure that there's enough contrast between the control and the background then:

But having a dropshadow should solve that in case we don't have the backdrop.

[crutkas]

It should but this was me showing the xaml islands can’t fade in with opacity.

[niels9001]

@crutkas @somil55

For the WPF branch, what would be the best approach:

• Intro animation (XAML Storyboard- getting called on the short keystroke event)
• Outro animation (XAML Storyboard with a Completed event. Gets called in the OnDeactivated function - runs the SB and when Completed calls Hide()?

[niels9001]

Here's a first shot at it.

Single bar:

With results:

With results the framerate seems to drop slightly. Need to optimize the animations though, opacity animations are maybe not needed.

[crutkas]

can we have results do a downward motion? or maybe results do downward only if there is a single bar?

also ... as always ... 🔥🔥🔥🔥🔥

[dsrivastavv]

I found the potential issue with animations. Here is what seems to happen :

1. Main windows is set to visible and the window is shown with opacity 1.
2. Storyboard is started with opacity 0. This cause a flashing as there is sudden change from 1 to 0 in opacity

[niels9001]

@somil55 What I don't understand, if I set the Opacity of the root grid to 0 in Deactivate() everything should work fine, right? Still getting the same issue. Is Activate() causing UI elements to show as opacity = 1 for some reason?

[dsrivastavv]

@niels9001 I checked opacity before activate and it was 1. So, I don't think Activate() is causing it.

[niels9001]

@niels9001 I checked opacity before activate and it was 1. So, I don't think Activate() is causing it.

Right. So if you set Opacity = 0 just before Hide() it doesn't get saved. Whenever you press Alt+Space Opacity is 1 again.

[crutkas]

newb q, does this behavior happen on a self contained app or is behavior unique to PT Run

[crutkas]

blocked by #4030

[nithssh]

Also It would be great if the search bar also darkened the rest of the screen very subtly, cuz right now, it's very hard to separate it from the background in most cases.

Edit: I just saw that others are mentioning the same thing above, but I'll leave this comment in to show there is a demand for it from the userbase too :)