-
Notifications
You must be signed in to change notification settings - Fork 53
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Not fully transparent on MacOS #22
Comments
Not a bug. Just make sure to set the alpha to 0. |
Sorry for all the comments but this may actually be a bug. I want just the background to be transparent. Not all components within it. Equivalent code should ideally produce the same effect in different systems for Flutter. |
Not all the effects are available on every platform, same for the available functions. |
The macOS port offers a variety of different WindowEffects that map to equivalent NSVisualEffectView.Materials. I have tried to make the Windows-only WindowEffects map to macOS Materials that are “as close as possible” to their Windows counterparts, but obviously, they aren't going to be the same. None of those materials are completely invisible, though. That said, I believe there is some way to achieve what you want. The macOS terminal offers a way to customize both the opacity and the blur effect of the terminal window: I'm not going to assign myself just yet, but I might do some research to find out if (and how) something like this may be possible. |
Okay cool, I appreciate you potentially looking into it! I'll use the alpha for now set to .6/7 if Mac is the OS |
Apparently making it possible to control the window's opacity and blur radius the same way the macOS terminal does is not really feasible since it relies on Though if I understand correctly, all you're after is a way to make the window completely transparent, leaving only the Flutter view to be visible? That may be possible, although I'm unsure how well that would integrate into the current project structure. |
Windows implementation is also completely undocumented in this plugin for Windows 10. |
@Adrian-Samoticha Thanks for looking into that. My goal was to make the Flutter window transparent while leaving inside components visible. So to mimic how it looks in Windows above, but in MacOS. As of now it seems MacOS doesn't make the window transparent, and using the work around (setting the alpha) causes everything to be transparent. |
Electron seems to support this out of the box: https://www.electronjs.org/docs/latest/api/browser-window seems to also have cross platform support. I don't see any usages of |
Any update on this? |
It's on my radar, though not actively being worked on at the moment. EDIT: What's interesting, is that while I was initially developing the macOS support, I somehow managed to trigger a bug that actually achieved exactly what @dlewis2017 is requesting (the window got entirely invisible), but I cannot remember how I triggered it, nor do I know how well it can be implemented in the code base. I'll take a look at that when I get some free time. |
Alright, some progress: 🙂 What's cool is that Visual Effect Subviews still work perfectly fine. What isn't cool is that miniaturizing/restoring the window causes significant performance issues and interestingly, Flutter-drawn widgets have a shadow applied to them, but it isn't being updated, so the window can quickly end up looking like this: Either way, I'm happy to have progressed on this issue and will try to fix those issues. |
This adds the following actions: * enableShadow * disableShadow * invalidateShadows * addEmptyMaskImage * removeMaskImage
Appreciate it! @Adrian-Samoticha |
System
Flutter
Issue
Any advice? Thanks
The text was updated successfully, but these errors were encountered: