This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(265.6, 44%, 35%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EH%3C/text%3E%3C/svg%3E)
Hi,
I'm working on WinUI3 desktop application in cpp. I wanted to understand what is the unit of measure for winui3 elements. When I set a height to a winui3 canvas, what is the unit of measure of that height. According to the documentation the unit of measure is pixel, Is this pixel device-independent pixels (DIPs) ?
Thank You
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(179.20000000000002, 34%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EXY%3C/text%3E%3C/svg%3E)
Also see another question. Please close the thread if @Castorix31 's answer makes sense for you.
XAML controls are drawn by the Direct Composition engine, which uses DIPs
Thank you for the response @Castorix31 , If the window moves from the lower dpi setting screen (say 96dpi) to higher dpi setting screen (say 144 dpi) will the will the elements be stretched or will it be scaled to that higher dpi setting? can u help me with some documentation for better understanding?
I have only 1 monitor and when I change DPI, controls are scaled like for other apps
When I host Win32 controls in WinUI, I use the ratio described at https://learn.microsoft.com/en-us/windows/apps/develop/win2d/dpi-and-dips#what-is-a-dip,
like for example in ContainerPanel_SizeChanged at https://github.com/castorix/WinUI3_DesktopDuplication/blob/master/ContainerPanel.xaml.cs
Thank you @Castorix31 , This is the same for XAML island also right? Even the elements are placed on win32 window, the elements uses DIP as unit of measurement?
XAML Islands for WinUI 3 (last 1.4 version) actually uses DesktopWindowXamlSource which creates a Win32 window (like in old UWP XAML Islands in C++/Win32) to host all the XAML content (then Direct Composition engine)
XAML Islands for WinUI 3 is still under consideration, right? (ref - https://portal.productboard.com/winappsdk/1-windows-app-sdk/tabs/1-under-consideration) I was talking about WinUI2 Xaml Island(hosting UWP controls in desktop application), which is UWP XAML Islands in C++/Win32 right?
XAML Islands for WinUI 3 is still under consideration, right? (ref - https://portal.productboard.com/winappsdk/1-windows-app-sdk/tabs/1-under-consideration) I
No, this page is not used anymore
It has been released in 1.4 : https://learn.microsoft.com/en-us/windows/apps/windows-app-sdk/stable-channel#xaml-islands-no-longer-experimental
(I tested in WinForms/C# and it works)
Thank you this was helpfull