tomhoh/winui3appbar

AppBar implemented in WINUI 3

WINUI 3 Appbar

Implementation of an AppBar (taskbar) in WINUI 3. Similar to WPF and WinForms Appbars.
Includes an example webview (webview2) window that is docked to the appbar when open.

Requirements

• Visual Studio
• Windows App SDK
• Windows App SDK (For VS 2022 C#) : https://aka.ms/windowsappsdk/stable-vsix-2022-cs or Windows App SDK (For VS 2019 C#) : https://aka.ms/windowsappsdk/stable-vsix-2019-cs
• Webview2 Evergreen Runtime (https://developer.microsoft.com/en-us/microsoft-edge/webview2/?form=MA13LH) or simply remove (comment out) the webview from code

You can find more information in here: https://docs.microsoft.com/en-us/windows/apps/windows-app-sdk/set-up-your-development-environment?tabs=vs-2022

Because the included example docking window uses webview 2 you will also need to install Webview2 Evergreen Runtime (https://developer.microsoft.com/en-us/microsoft-edge/webview2/?form=MA13LH) or simply remove (comment out) the webview from code

Capabilities

• Allow docking to any side of the screen
• Multiple monitor support
• Handles per-monitor DPI scaling

To do

• Build into Library
• Drop and drag
• Bug fixes
• watch for other appbars comming and going to automatically adjust.

License

MIT License

winui3appbar's Issues

Adding images

alternate window funtions

var scale = (this.Content as FrameworkElement).XamlRoot.RasterizationScale;
this.AppWindow.Resize(new((int)widthscale, (int)heightscale))

Link

private async Task SizeWindow( AppWindow appWindow )
{
    var displayList = await DeviceInformation.FindAllAsync
                      ( DisplayMonitor.GetDeviceSelector() );

    if( !displayList.Any() )
        return;

    var monitorInfo = await DisplayMonitor.FromInterfaceIdAsync( displayList[ 0 ].Id );

    var winSize = new SizeInt32();

    if( monitorInfo == null )
    {
        winSize.Width = 800;
        winSize.Height = 1200;
    }
    else
    {
        winSize.Height = monitorInfo.NativeResolutionInRawPixels.Height;
        winSize.Width = monitorInfo.NativeResolutionInRawPixels.Width;

        var widthInInches = Convert.ToInt32( 8 * monitorInfo.RawDpiX ); 
        var heightInInches = Convert.ToInt32( 12 * monitorInfo.RawDpiY );

        winSize.Height = winSize.Height > heightInInches? 
                         heightInInches: winSize.Height;
        winSize.Width = winSize.Width > widthInInches ? widthInInches: winSize.Width;
    }

    appWindow.Resize( winSize );
}

Link

Windows.Graphics.RectInt32 rect = new()
{
    X = (displayArea.WorkArea.Width / 2) - (_wndWidth / 2),
    Y = (displayArea.WorkArea.Height / 3) - (_wndHeight / 2),
    Height = _wndHeight,
    Width = _wndWidth
};

_appWindow.MoveAndResize(rect, displayArea);
_appWindow.Show();
_appWindow.MoveInZOrderAtTop();