WinUICommunity is a collection of useful classes, controls, styles, and codes for WinUI 3. Create a WinUI 3 app in less than a minute with the built-in project templates and scaffolding tools.
License: MIT License
pressing buttons doesn't change anything, this is from the demo app.
looking at the code there is nothing written to update, even though the UI says it can.
The SystemBackdrop of the window will turn solid black if it is none, and will not respond to theme changes
Plese add additional documentation or a sample on the usage of navigation without Json but in combination with MVVM.
Hello, When I am publishing my app as unpackaged and starting it I notice it crashing straight away. If I take out the MainLandingPage or AllLandingPage and publish it the app works just fine. When I am taking out the HomeLandingPage or set a other page as default to start it works but I am than missing my sidebar items.
How do I change font size and family font?
Switching to dark theme, displays in light gray than black... Have i missed something... the version im using is .net7 and the template..
TIA
For clarity, I added a minimum width and color for each TitleBar element:
Тhis is what it looks like:
PART_RootGrid has Padding.Right causing the window button area to move to the right:
Set Padding="4,0,0,0" for PART_RootGrid:
https://github.com/WinUICommunity/WinUICommunity/blob/b959f0342c129db75d0370ac42c7f9ccf5c1bf5e/dev/Components/Controls/Labs/TitleBar/TitleBar.xaml#L21C33-L21C33
Due to PART_RootGrid.Padding.Left regions are calculated incorrectly:
https://github.com/WinUICommunity/WinUICommunity/assets/136100876/148de3cd-9a70-49b5-a87a-a6f4ca2331e2
Fix SetDragRegionForCustomTitleBar method.
Plus (+) is draggable area, minus (-) is non-draggable area.
+[rootGrid.padding.left][leftPadding]
-[buttonsHolder]
+[icon][title][leftDrag]
-[content]
+[rightDrag]
-[footer]
+[rightPadding][rootGrid.padding.right]
I after applying fix, it will look like this:
https://github.com/WinUICommunity/WinUICommunity/assets/136100876/4637e586-82a4-4266-9553-ee1566b238b3
private void SetDragRegionForCustomTitleBar()
{
if (AutoConfigureCustomTitleBar && Window != null && PART_RightPaddingColumn != null && PART_LeftPaddingColumn != null)
{
double scaleAdjustment = GetScaleAdjustment();
PART_RightPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
PART_LeftPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
var height = (int)(this.ActualHeight * scaleAdjustment);
Windows.Graphics.RectInt32 rect1 = new(0, 0, 0, height);
Windows.Graphics.RectInt32 rect2 = new(0, 0, 0, height);
Windows.Graphics.RectInt32 rect3 = new(0, 0, 0, height);
Windows.Graphics.RectInt32 rect4 = new(0, 0, 0, height);
rect1.X = 0;
rect1.Width = (int)((PART_RootGrid.Padding.Left
+ PART_LeftPaddingColumn.ActualWidth)
* scaleAdjustment);
rect2.X = rect1.X + rect1.Width + (int)((PART_ButtonsHolderColumn.ActualWidth) * scaleAdjustment);
rect2.Width = (int)((PART_IconColumn.ActualWidth
+ PART_TitleColumn.ActualWidth
+ PART_LeftDragColumn.ActualWidth)
* scaleAdjustment);
rect3.X = rect2.X + rect2.Width + (int)(PART_ContentColumn.ActualWidth * scaleAdjustment);
rect3.Width = (int)(PART_RightDragColumn.ActualWidth * scaleAdjustment);
rect4.X = rect3.X + rect3.Width + (int)((PART_FooterColumn.ActualWidth
+ PART_RightPaddingColumn.ActualWidth
+ PART_RootGrid.Padding.Right)
* scaleAdjustment);
rect4.Width = (int)(PART_RightPaddingColumn.ActualWidth * scaleAdjustment);
Windows.Graphics.RectInt32[] dragRects = new[] { rect1, rect2, rect3, rect4 };
Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
}
}Author: Dmitry Zhukovsky <[email protected]> 2023-11-04 17:51:03
Committer: Dmitry Zhukovsky <[email protected]> 2023-11-04 17:51:03
Parent: b959f0342c129db75d0370ac42c7f9ccf5c1bf5e (Fix #8 Tnx to @dzhukovsky)
Branch: main
Follows: v5.3.1
Precedes:
Fix drag regions calculation in the TitleBar control.
----------- dev/Components/Controls/Labs/TitleBar/TitleBar.WASDK.cs -----------
index 3d16fe6..b9b628a 100644
@@ -17,6 +17,7 @@ namespace WinUICommunity;
[TemplatePart(Name = nameof(PART_FooterColumn), Type = typeof(ColumnDefinition))]
[TemplatePart(Name = nameof(PART_RightDragColumn), Type = typeof(ColumnDefinition))]
[TemplatePart(Name = nameof(PART_TitleHolder), Type = typeof(StackPanel))]
+[TemplatePart(Name = nameof(PART_RootGrid), Type = typeof(Grid))]
public partial class TitleBar : Control
{
@@ -28,6 +29,7 @@ public partial class TitleBar : Control
ColumnDefinition? PART_FooterColumn;
ColumnDefinition? PART_RightDragColumn;
StackPanel? PART_TitleHolder;
+ Grid? PART_RootGrid;
private void SetWASDKTitleBar()
{
@@ -41,7 +43,7 @@ public partial class TitleBar : Control
Window.AppWindow.TitleBar.ExtendsContentIntoTitleBar = true;
ConfigPresenter();
-
+
this.Window.Activated -= Window_Activated;
this.Window.Activated += Window_Activated;
@@ -63,6 +65,7 @@ public partial class TitleBar : Control
PART_RightDragColumn = GetTemplateChild(nameof(PART_RightDragColumn)) as ColumnDefinition;
PART_FooterColumn = GetTemplateChild(nameof(PART_FooterColumn)) as ColumnDefinition;
PART_TitleHolder = GetTemplateChild(nameof(PART_TitleHolder)) as StackPanel;
+ PART_RootGrid = GetTemplateChild(nameof(PART_RootGrid)) as Grid;
// Get caption button occlusion information.
int CaptionButtonOcclusionWidthRight = Window.AppWindow.TitleBar.RightInset;
@@ -137,35 +140,33 @@ public partial class TitleBar : Control
PART_RightPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
PART_LeftPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
- List<Windows.Graphics.RectInt32> dragRectsList = new();
-
- Windows.Graphics.RectInt32 dragRectL;
- dragRectL.X = (int)((PART_LeftPaddingColumn.ActualWidth
- + PART_ButtonsHolderColumn!.ActualWidth)
- * scaleAdjustment);
- dragRectL.Y = 0;
- dragRectL.Height = (int)(this.ActualHeight * scaleAdjustment);
- dragRectL.Width = (int)((PART_IconColumn!.ActualWidth
- + PART_TitleColumn!.ActualWidth
- + PART_LeftDragColumn!.ActualWidth)
+ var height = (int)(this.ActualHeight * scaleAdjustment);
+ Windows.Graphics.RectInt32 rect1 = new(0, 0, 0, height);
+ Windows.Graphics.RectInt32 rect2 = new(0, 0, 0, height);
+ Windows.Graphics.RectInt32 rect3 = new(0, 0, 0, height);
+ Windows.Graphics.RectInt32 rect4 = new(0, 0, 0, height);
+
+ rect1.X = 0;
+ rect1.Width = (int)((PART_RootGrid.Padding.Left
+ + PART_LeftPaddingColumn.ActualWidth)
* scaleAdjustment);
- dragRectsList.Add(dragRectL);
-
- Windows.Graphics.RectInt32 dragRectR;
- dragRectR.X = (int)((PART_LeftPaddingColumn.ActualWidth
- + PART_IconColumn.ActualWidth
- + PART_ButtonsHolderColumn!.ActualWidth
- + PART_TitleHolder!.ActualWidth
- + PART_LeftDragColumn.ActualWidth
- + PART_ContentColumn!.ActualWidth)
+
+ rect2.X = rect1.X + rect1.Width + (int)((PART_ButtonsHolderColumn.ActualWidth) * scaleAdjustment);
+ rect2.Width = (int)((PART_IconColumn.ActualWidth
+ + PART_TitleColumn.ActualWidth
+ + PART_LeftDragColumn.ActualWidth)
* scaleAdjustment);
- dragRectR.Y = 0;
- dragRectR.Height = (int)(this.ActualHeight * scaleAdjustment);
- dragRectR.Width = (int)(PART_RightDragColumn!.ActualWidth * scaleAdjustment);
- dragRectsList.Add(dragRectR);
- Windows.Graphics.RectInt32[] dragRects = dragRectsList.ToArray();
+ rect3.X = rect2.X + rect2.Width + (int)(PART_ContentColumn.ActualWidth * scaleAdjustment);
+ rect3.Width = (int)(PART_RightDragColumn.ActualWidth * scaleAdjustment);
+
+ rect4.X = rect3.X + rect3.Width + (int)((PART_FooterColumn.ActualWidth
+ + PART_RightPaddingColumn.ActualWidth
+ + PART_RootGrid.Padding.Right)
+ * scaleAdjustment);
+ rect4.Width = (int)(PART_RightPaddingColumn.ActualWidth * scaleAdjustment);
+ Windows.Graphics.RectInt32[] dragRects = new[] { rect1, rect2, rect3, rect4 };
Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
}
}
------------- dev/Components/Controls/Labs/TitleBar/TitleBar.xaml -------------
index 61e01c5..983dad2 100644
@@ -18,7 +18,7 @@
<ControlTemplate TargetType="local:TitleBar">
<Grid x:Name="PART_RootGrid"
Height="{TemplateBinding MinHeight}"
- Padding="4,0,4,0"
+ Padding="4,0,0,0"
VerticalAlignment="Stretch"
Background="{TemplateBinding Background}">
<Grid.ColumnDefinitions>
---------------------- dev/Components/Themes/Generic.xaml ----------------------
index 877fb1e..ae49b15 100644
@@ -2090,7 +2090,7 @@ Themes\Styles\TextBlock.xaml
<win:Setter Property="Template">
<win:Setter.Value>
<win:ControlTemplate TargetType="local:TitleBar">
- <win:Grid x:Name="PART_RootGrid" Height="{TemplateBinding MinHeight}" Padding="4,0,4,0" VerticalAlignment="Stretch" Background="{TemplateBinding Background}">
+ <win:Grid x:Name="PART_RootGrid" Height="{TemplateBinding MinHeight}" Padding="4,0,0,0" VerticalAlignment="Stretch" Background="{TemplateBinding Background}">
<win:Grid.ColumnDefinitions>
<win:ColumnDefinition x:Name="PART_LeftPaddingColumn" Width="0" />
<win:ColumnDefinition x:Name="PART_ButtonsHolderColumn" Width="Auto" />Hi, it's me again.
Published Demo app is broken:
Theme service makes my app crash:
var themeService = App.GetService<IThemeService>();
themeService.Initialize(App.MainWindow, false);
themeService.ConfigElementTheme(ElementTheme.Default);
themeService.ConfigBackdrop(BackdropType.Mica);
App will start as usual and works fine. I my settings page I don't register combo box but use my methods where I try to set theme like this:
var theme = ThemeIndex switch
{
0 => ElementTheme.Light,
1 => ElementTheme.Dark,
_ => ElementTheme.Default
};
if (theme == _themeService.GetElementTheme())
return;
_themeService.SetElementTheme(theme);
using _themeService.SetElementTheme(theme); will lead to app crash
Parameter is not correct.
target
Stack trace:
at WinRT.ExceptionHelpers.<ThrowExceptionForHR>g__Throw|39_0(Int32 hr)
at ABI.Microsoft.UI.Xaml.Media.ISystemBackdropOverridesMethods.OnDefaultSystemBackdropConfigurationChanged(IObjectReference _obj, ICompositionSupportsSystemBackdrop target, XamlRoot xamlRoot)
at Microsoft.UI.Xaml.Media.SystemBackdrop.OnDefaultSystemBackdropConfigurationChanged(ICompositionSupportsSystemBackdrop target, XamlRoot xamlRoot)
at Microsoft.UI.Xaml.Media.SystemBackdrop.Microsoft.UI.Xaml.Media.ISystemBackdropOverrides.OnDefaultSystemBackdropConfigurationChanged(ICompositionSupportsSystemBackdrop target, XamlRoot xamlRoot)
at ABI.Microsoft.UI.Xaml.Media.ISystemBackdropOverrides.Do_Abi_OnDefaultSystemBackdropConfigurationChanged_2(IntPtr thisPtr, IntPtr target, IntPtr xamlRoot)
I found if configuting/setting first time to Backdroptype to None and after set it to mica or other changing theme will work fine.
I still have question about titlebar buttons. Yes changing theme in windows will work fine.
But changing theme via Themeservice will not change button foreground till I use your titlebar + AppTitleBar.Window = App.MainWindow;
Is this intended to work like this?
the animation of your document is very annoying me which slow the speed of me to read document,could please remove it,or make the animation become faster
so that i could get more comfortable develop experence when use your library,and i think this project is awesome .
I would like to propose a new feature that integrates Dependency Injection (DI) directly into pages to facilitate smoother interaction with the NavigationService and to enable the seamless passing of various types of parameters between pages. This could include anything from record IDs to custom service implementations.
The main goal of this feature is to enhance the usability of the NavigationService by leveraging DI, thus simplifying the process of parameter passing and service management during navigation. This approach would make it more convenient to work with complex dependencies and parameters within our navigation framework.
Implement a Navigation Frame that incorporates DI to allow for:
Here is a preliminary example of how this can be implemented in WinUI 3 and .NET 8:
(to build the project, please use the *.nupkg files located in the root of the archive)
Expected result:
Actual result:
I suggest using the following fix:
Author: Dmitry Zhukovsky <[email protected]> 2023-11-04 00:05:06
Committer: Dmitry Zhukovsky <[email protected]> 2023-11-04 00:05:06
Parent: b168d78e9ce74e96a4adfc6de1d644d1376b53a8 (Update Localizer.cs)
Branch: main
Follows: v5.3.1
Precedes:
Fixed the drag region in the TitleBar that was causing the PaneButton to be unclickable.
-------------- dev/Components/Controls/Labs/TitleBar/TitleBar.cs --------------
index 5ee9c25..8b8c07c 100644
@@ -24,6 +24,7 @@ namespace WinUICommunity;
[TemplatePart(Name = PartPaneButton, Type = typeof(Button))]
[TemplatePart(Name = nameof(PART_LeftPaddingColumn), Type = typeof(ColumnDefinition))]
[TemplatePart(Name = nameof(PART_RightPaddingColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_ButtonHolder), Type = typeof(StackPanel))]
public partial class TitleBar : Control
{
@@ -64,6 +65,7 @@ public partial class TitleBar : Control
ColumnDefinition? PART_LeftPaddingColumn;
ColumnDefinition? PART_RightPaddingColumn;
+ StackPanel? PART_ButtonHolder;
public TitleBar()
{
@@ -75,6 +77,7 @@ public partial class TitleBar : Control
PART_LeftPaddingColumn = GetTemplateChild(nameof(PART_LeftPaddingColumn)) as ColumnDefinition;
PART_RightPaddingColumn = GetTemplateChild(nameof(PART_RightPaddingColumn)) as ColumnDefinition;
Configure();
+ ConfigureButtonHolder();
if (GetTemplateChild(PartBackButton) is Button backButton)
{
backButton.Click -= BackButton_Click;
@@ -122,6 +125,26 @@ public partial class TitleBar : Control
PaneButtonClick?.Invoke(this, new RoutedEventArgs());
}
+ private void ConfigureButtonHolder()
+ {
+ if (PART_ButtonHolder != null)
+ {
+ PART_ButtonHolder.SizeChanged -= PART_ButtonHolder_SizeChanged;
+ }
+
+ PART_ButtonHolder = GetTemplateChild(nameof(PART_ButtonHolder)) as StackPanel;
+
+ if(PART_ButtonHolder != null)
+ {
+ PART_ButtonHolder.SizeChanged += PART_ButtonHolder_SizeChanged;
+ }
+ }
+
+ private void PART_ButtonHolder_SizeChanged(object sender, SizeChangedEventArgs e)
+ {
+ SetDragRegionForCustomTitleBar();
+ }
+
private void Configure()
{
SetWASDKTitleBar();
------------- dev/Components/Controls/Labs/TitleBar/TitleBar.xaml -------------
index 08f9651..61e01c5 100644
@@ -166,7 +166,7 @@
Grid.Column="2"
Grid.ColumnSpan="6"
Background="Transparent" />
- <StackPanel x:Name="ButtonHolder"
+ <StackPanel x:Name="PART_ButtonHolder"
Grid.Column="1"
Orientation="Horizontal">
<Button x:Name="PART_BackButton"
---------------------- dev/Components/Themes/Generic.xaml ----------------------
index 97a1493..877fb1e 100644
@@ -2191,7 +2191,7 @@ Themes\Styles\TextBlock.xaml
<win:TextBlock x:Name="PART_SubtitleText" MinWidth="48" Margin="0,0,0,1" FontFamily="{ThemeResource ContentControlThemeFontFamily}" Foreground="{ThemeResource TextFillColorSecondaryBrush}" Style="{StaticResource CaptionTextBlockStyle}" Text="{TemplateBinding Subtitle}" TextTrimming="CharacterEllipsis" TextWrapping="NoWrap" />
</win:StackPanel>
<win:Grid x:Name="PART_DragRegion" Grid.Column="2" Grid.ColumnSpan="6" Background="Transparent" />
- <win:StackPanel x:Name="ButtonHolder" Grid.Column="1" Orientation="Horizontal">
+ <win:StackPanel x:Name="PART_ButtonHolder" Grid.Column="1" Orientation="Horizontal">
<win:Button x:Name="PART_BackButton" Style="{ThemeResource TitleBarBackButtonStyle}" ToolTipService.ToolTip="Back" />
<win:Button x:Name="PART_PaneButton" Style="{StaticResource TitleBarPaneToggleButtonStyle}" ToolTipService.ToolTip="Toggle menu" />
</win:StackPanel>I've been using the official WinUI templates to set up navigation + your winui core features. However, I've been running into some issues with namespace references, especially when it comes to navigation elements like INavigationService, INavigationAware, PageService, etc.
I'm aware that these issues can be resolved with proper usings and External Aliases, but it seems a bit cumbersome.
It is not possible to navigate to a FooterNavigationViewItem.
The problem is that JsonNavigationViewService only returns the MenuItems,
the FooterMenuItems are not returned.
IList<object>? MenuItems => _navigationView?.MenuItems;
This means that only the MenuItems are configured in ConfigPages.
private void ConfigPages()
{
_pageService.GetPages(MenuItems);
It would be conceivable to also integrate the FooterItems into ConfigPages.
Either the IList<object>? MenuItems also contains the FooterItems,
or an additional IList<object>? FooterMenuItems which is then processed by the ConfigPages.
The caption buttons do not respond to theme changes unless we utilize WinuiCommunity.Titlebar as the title bar. Is it feasible to segregate these two features so that the ThemeService manages all color modifications? Additionally, I would like to add width and margin properties to the Back/Toggle button. For instance, my NavView's CompactPaneLength is set to 60, but the back button appears too small and doesn't look good. I am currently addressing this issue by overriding the style. Here's an example:
<winuicommunity:TitleBar.Resources>
<Style x:Key="TitleBarBackButtonStyle" TargetType="Button">
<Setter Property="Width" Value="60" />
...................................................................................
</Style>
</winuicommunity:TitleBar.Resources>
Thank you.
Hi
It's cool repo for wpfer ☕
Do you have any plans to add a quick view of the usage code?
And looks like below screenshots, thanks so much.
Step 1 : create class library for winui project (.net 6 or 8) via VS2022 project template
Step 2 : update all nuget packages
Step 3 : add WinUICommunity.Core into this project
Step 4 : build and compile failed
if we change the step1 , create a winui app project instead of class library for winui project, it work well ~
On Win11 machine, i have no issue running this code:
Growl.AskGlobal("Do you want to install new version?", (s, e) =>
{
Task.WaitAll(Task.Run(async () =>
{
await updateService.DownloadRelease(assetId);
}));
updateService.InstallLatestRelease();
App.Current.Exit();
return true;
});
but i tried it on two different win10 machines and i receive this error:
Value does not fall within the expected range. with the stack:
at WinUICommunity.NativeMethods.DwmSetWindowAttribute(IntPtr hwnd, DWMWINDOWATTRIBUTE dwAttribute, UInt32& pvAttribute, UInt32 cbAttribute)
at WinUICommunity.WindowHelper.SetWindowCornerRadius(IntPtr hwnd, DWM_WINDOW_CORNER_PREFERENCE cornerPreference)
at WinUICommunity.WindowHelper.SetWindowCornerRadius(Window window, DWM_WINDOW_CORNER_PREFERENCE cornerPreference)
at WinUICommunity.GrowlWindow.Init()
at WinUICommunity.Growl.InitGrowlGlobal(GrowlInfo growlInfo, Boolean isForceSeverity, InfoBarSeverity forceSeverity)
at WinUICommunity.Growl.AskGlobal(String title, Func`3 actionBeforeClose)
i also noticed that using regular Growl (not global) doesn't show anything.
when i select the light the icon is black
instead is white ,but when i select light to use system setting,the icon color is not change,
but select from dark to use system setting the codition is normal
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.