CommunityToolkit / CommunityToolkit/Windows

Blur effect on UI element misbehaves when Backdrop is applied in WinUI 3

Aperta
#637 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug components::media ux 🖌️
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.