MAUI: How to customize style and use specific windows control?

Question

Hi,

I'm new to MAUI and have some requirements to check whether it is possible and how to do it in MAUI:

1. Some features/controls are only available/shown on Windows platform and hidden for mobiles.
2. Some features/controls have different layout and behavior on Windows platforms. Is there any way to customize it by introducing new <Style x:Key="MyStyle"> and custom control (I think it should be added into Platforms/Windows/App.xaml) and then can reference it from MAUI.

Thanks.

Answer 1

Hello,

In MAUI, you could use OnPlatform to implement this requirement.

Please refer to the following official documentation and code samples:

• Customize UI appearance based on the platform and device idiom.

// In this example, this BoxView is only visible on the Windows platform.
 <BoxView Color="{OnPlatform Yellow, iOS=Red, Android=Green}"
WidthRequest="{OnPlatform 250, iOS=200, Android=300}"
HeightRequest="{OnPlatform 250, iOS=200, Android=300}"
            IsVisible="{OnPlatform false,WinUI=true}"
HorizontalOptions="Center" />

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.