Skip to content
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

WinUI 3 - Update AppWindow custom buttons for Windows 11 #5699

Closed
martibravo opened this issue Aug 16, 2021 · 4 comments
Closed

WinUI 3 - Update AppWindow custom buttons for Windows 11 #5699

martibravo opened this issue Aug 16, 2021 · 4 comments
Labels
area-TitleBar Issues related to custom window title bars. product-winui3 WinUI 3 issues team-CompInput Issue for IXP (Composition, Input) team

Comments

@martibravo
Copy link

martibravo commented Aug 16, 2021

Describe the bug
Windows 11 introduced new caption button icons for windows. While being similar to Windows 10's, 11's caption button icons are more rounded and, in my opinion, a little bit thicker, to reflect the change in window geometry.

When setting AppWindowTitleBar.ExtendsContentIntoTitleBar to true the caption buttons don't reflect the new style on Windows 11. In the screenshots section you can see a side-by-side view of the Settings app and a WinUI3 Desktop App titlebar. Notice that the maximize button is completely square for WinUI3, but rounded in Settings and many other windows.

Steps to reproduce the bug

Steps to reproduce the behavior:

  1. Create a WinUI3 Desktop app with the 1.0.0 experimental release.
  2. Set AppWindow.TitleBar.ExtendsContentIntoTitleBar to true.
  3. The caption buttons look like Windows 10's and not Windows 11's.

Expected behavior
WinUI3 custom caption buttons should be rounded on W11 and square on W10. WinUI should automatically choose the icons from the Segoe Fluent Icons font.

Screenshots

image

Version Info

NuGet package version: [WinUI 3 - Windows App SDK 1.0.0: 1.0.0-experimental]
Windows app type:

UWP Win32
No Yes
Windows version Saw the problem?
Insider Build (22000.132) Yes
October 2020 Update (19042)
May 2020 Update (19041)
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop Yes
Xbox
Surface Hub
IoT
@ghost ghost added the needs-triage Issue needs to be triaged by the area owners label Aug 16, 2021
@llongley llongley added area-TitleBar Issues related to custom window title bars. product-winui3 WinUI 3 issues team-CompInput Issue for IXP (Composition, Input) team labels Aug 17, 2021
@WSLUser
Copy link

WSLUser commented Aug 17, 2021

Windows 11 looks like crap and you want to encourage apps to by default appear to be the same?

@martibravo
Copy link
Author

Windows 11 looks like crap and you want to encourage apps to by default appear to be the same?

Completely off-topic, but Windows 11 has the best UI since W7. Fluent Design now looks like it's ready to build complex and advanced apps with great UX. Microsoft reinvestment in Windows looks good.

@seven-mile
Copy link

No matter what do you think about the UI Design of Windows 11, the basic non-client area style should be unified. Many details of WinUI3 are supposed to be polished, surely including this issue.

@mevey
Copy link

mevey commented Sep 13, 2021

Hey, this was a known bug in the experimental release and a fix has already been made. Expect the fix in the Preview 1 release.

@ghost ghost removed the needs-triage Issue needs to be triaged by the area owners label Sep 13, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-TitleBar Issues related to custom window title bars. product-winui3 WinUI 3 issues team-CompInput Issue for IXP (Composition, Input) team
Projects
None yet
Development

No branches or pull requests

6 participants