CommunityToolkit / CommunityToolkit/Windows
Blur effect on UI element misbehaves when Backdrop is applied in WinUI 3
- Lingua principale
- C#
- Stelle
- 1.1k
- Fork
- 166
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
### Describe the bug
I am trying to apply blur effect on a line. However, when I apply system backdrop, the blur effect is different. It looks like the blur effect is applied but the original line is on the top. [See here](https://stackoverflow.com/questions/79453324/component-blur-and-backdrop-not-working-in-winui-3)
### Steps to reproduce
```text
```
### Expected behavior
Blur effect should work as normal.
### Screenshots
_No response_
### Code Platform
- [ ] UWP
- [x] WinAppSDK / WinUI 3
- [ ] Web Assembly (WASM)
- [ ] Android
- [ ] iOS
- [ ] MacOS
- [ ] Linux / GTK
### Windows Build Number
- [ ] Windows 10 1809 (Build 17763)
- [ ] Windows 10 1903 (Build 18362)
- [ ] Windows 10 1909 (Build 18363)
- [ ] Windows 10 2004 (Build 19041)
- [ ] Windows 10 20H2 (Build 19042)
- [ ] Windows 10 21H1 (Build 19043)
- [ ] Windows 10 21H2 (Build 19044)
- [ ] Windows 10 22H2 (Build 19045)
- [ ] Windows 11 21H2 (Build 22000)
- [ ] Other (specify)
### Other Windows Build number
_No response_
### App minimum and target SDK version
- [ ] Windows 10, version 1809 (Build 17763)
- [ ] Windows 10, version 1903 (Build 18362)
- [ ] Windows 10, version 1909 (Build 18363)
- [ ] Windows 10, version 2004 (Build 19041)
- [ ] Windows 10, version 2104 (Build 20348)
- [ ] Windows 11, version 22H2 (Build 22000)
- [ ] Other (specify)
### Other SDK version
_No response_
### Visual Studio Version
_No response_
### Visual Studio Build Number
_No response_
### Device form factor
_No response_
### Additional context
_No response_
### Help us help you
No, I'm unable to contribute a solution.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia riproducendo lo XAML WinUI 3 fornito con DesktopAcrylicBackdrop e il BlurEffect di PipelineVisualFactory. Confronta la riga con e senza il backdrop di sistema, quindi verifica se la riga originale viene renderizzata sopra il visual sfocato. Il lavoro è completato quando l’aspetto della sfocatura della riga rimane coerente con l’applicazione del backdrop.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- csharp
- Ambito
- desktop, frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100