CommunityToolkit / CommunityToolkit/Windows

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

Offen
#637 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
bug components::media ux 🖌️
Vorherrschende Sprache
C#
Sterne
1.1k
Forks
166
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 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.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das bereitgestellte WinUI 3 XAML mit DesktopAcrylicBackdrop und dem BlurEffect von PipelineVisualFactory nachzustellen. Vergleiche die Zeile mit und ohne den System-Backdrop und untersuche anschließend, ob die ursprüngliche Zeile über dem unscharfen Visual gerendert wird. Als erledigt gilt die Aufgabe, wenn das Unschärfeaussehen der Zeile beim Anwenden des Backdrops konsistent bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
csharp
Bereich
desktop, frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.