Add transparency to flyouts about modernflyouts HOT 16 CLOSED

It's absolutely possible to use xaml islands in WPF just for the settings window (like PowerToys settings).

But for the flyout window it wouldn't work (we can only have rectangular non-transparent window with Xaml Islands).

I said this many times in this repo and even on discord!!

So, let's come back to your point.

"Use xaml islands just for settings window". But the UI will be fragmented between a UWP project and a WPF project. It'll be a hell to set up and maintain. Literally hard as hell to setup MVVM.

Hard to maintain UI consistency, breaking bugs will happen, hard to track exceptions. There would be frequent crashes.

I'm never gonna use XAML islands (WinUI 2)!!!

We can reconsider this once WinUI 3 has acrylic or reveal.

Oh wait! Even MS doesn't care about acrylic or reveal. They're removing it!!!!

So no WinUI 3 or XAML islands (WinUI 2)!

That's it. I said this many times!

from modernflyouts.

That effect could be achieved if we have used xaml islands + WinUI instead of WPF. There are no recent plans to move to WinUI or islands. I will try my best.

from modernflyouts.

@Poopooracoocoo,

Now what? Will you suggest transparency now?

from modernflyouts.

Looks too good to be true, actually 😂. But you will make it true, won't you?

Looks awesome to me!

from modernflyouts.

I would vote for slider, as every user has different needs.
Maybe keep the default setting to 90%.

from modernflyouts.

Implemented in 77fcd92

But the problem is the transparency won't affect the contents only the background color. "Zero" opacity will look like this

from modernflyouts.

Ah, ok. Sure, its your call. Any level would be good as default.

from modernflyouts.

take a look at macOS' Control Centre. It has both transparency and a shadow (with blur/vibrancy :p):

from how to geek

from modernflyouts.

@Cyberdroid1 @Poopooracoocoo

Seriously pals? 😂. It looks good? 😂😂😂

It's relatively easy, just need to add an option in the settings that will reduce the opacity (as a slider : 0% opaque to 100% opaque) or just toggle transparency (a toggle switch to switch between 90% opaque or 100% opaque). Could be easily done in v0.6.0

By default it will be opaque, users can change this.

What would you prefer a opacity slider or a toggle switch (translucent/opaque)?

from modernflyouts.

That effect could be achieved if we have used xaml islands + WinUI instead of WPF. There are no recent plans to move to WinUI or islands. I will try my best.

What about XAML Islands + WPF? Currently looking at it for settings menu (see Discord).

from modernflyouts.

I'm not particularly after blur, just transparency :)

from modernflyouts.

I will provide you some mockups. Tell me if they look good.

Another thing to note : You may be using v0.4.0, the mockup I'm gonna provide will be from v0.5.0 which will be released tomorrow.

from modernflyouts.

@Cyberdroid1,

Maybe keep the default setting to 90%.

Should we really do it?

from modernflyouts.

Yup! Is there any problem though in this?

from modernflyouts.

Yup! Is there any problem though in this?

But changing the default from v0.5 to v0.6 will be unwanted and unpleasant to users, right? So lets keep the default 100% for now. The users can change it by themselves

from modernflyouts.

Sorry, probably wrong issue to post this on. Wasn't really think about the flyout, just the settings menu. This is well outside my area of expertise, so was just checking what would be needed. If you think it's not worth it, will drop it.

from modernflyouts.