0

I'm developing a new UWP app with the Fluent Design System (Acrylic Background and reveal) but apart from being available on Windows 10 Desktop, I also want to publish the application to Windows 10 Mobile. Does Windows 10 Mobile support the Fluent Design System? Or do I have to develop another application just for Windows 10 Mobile without the Fluent Design System?

TylerH
  • 20,799
  • 66
  • 75
  • 101
fernandousaaa
  • 81
  • 2
  • 10
  • all windows 10 mobile installed minimum windows 10.0.15063 version will able to handle fluent design system or you can download that version of emulator for testing. Try target version min 15063 and min version to 14393(not support fluent design) so mostly mobile user can able to use your app. In summary 10.0.14393 (No Fluent) is the version available in almost all device and 10.0.15063 (Fluent Support) in some mobile device and 10.0.16299(More tools related to fluent design) not available in mobile currently. Now Make your choice. – Shubham Sahu Dec 25 '17 at 10:04

2 Answers2

4

Windows 10 Mobile build 10.0.15063 (Creators Update) supports composition effects as well as in-app acrylic (see How to use Acrylic Accent in Windows 10 Creators Update?) and reveal effects via the composition API.

However, it does not support the AcrylicBrush or RevealBrush classes, as those classes are only available in build 10.0.16299 (Fall Creators Update) or later, which is not available for mobile devices (the current feature branch is build 10.0.15254, which is also dubbed the "Fall Creators Update" but does not actually include the new APIs).

While it is possible to incorporate Fluent Design elements into your Windows 10 Mobile app for devices running the Windows 10 Mobile Creators Update, doing so is far more trouble than it's worth. You will need to avoid using AcrylicBrush and RevealBrush since they're not available to mobile devices, and you will need to do in-app acrylic and reveal effects the hard way.

You don't need to make a separate app for mobile; if your minimum target version is 10.0.15063 you can use conditional XAML to serve a legacy resource dictionary to mobile devices and Fluent Design to PCs. If your minimum target version is an older version that doesn't support conditional XAML, you need to use Windows.Foundation.Metadata.ApiInformation.IsTypePresent() to check for AcrylicBrush and/or RevealBrush and merge the appropriate resource dictionary into your Application.Current.Resources manually.

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
  • Thank you very much! Your answer is very helpful but I have a question! I want the minimum requirement of my application to be the anniversary update for both devices (Desktop and Mobile), how do I make my application not have fluent design in anniversary update, and have fluent desing in creators update and fall creators update? – fernandousaaa Dec 26 '17 at 11:01
0

To use this brush you should know that it works if:

  1. Device family Windows 10 Fall Creators Update (introduced v10.0.16299.0)

  2. API contract Windows.Foundation.UniversalApiContract (introduced v5)

More information https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.media.acrylicbrush