(WinRT) How to Lock App UI

[Tornado92]

Apparently my app will not look good once I turn on high contrast or change the text size.

How can I make my app UI exactly the way I wanted regardless of the phone text size or whether they enabled the high contrast or not?

(My app is using WinRT)

 

[drachen23]

You've got your thinking backwards here. People turn on high-contrast mode and enlarge the text size because they need it to help them use the phone, not because they want it. It's a bad idea to try to override or countermand the user's choice, especially if is an accessibility setting that the user may need to use the phone productively. You haven't said anything about the app or its design, but it sounds like you've over-designed it a bit or are expecting too many elements to be of a set size if high-contrast mode and text size changes make your app look strange. Try sticking to "Metro" design language basics as much as you can.

 

[Im_Q]

I have to agree with drachen23 here. High contrast and text scaling are supported out of the box so people who can't see well have a pleasant experience even in third party apps.

--
Built in controls already support all of the themes automatically so high contrast should just work for built controls unless you modified them. As far as I know, there's no way to globally disable support high contrast mode for an app without re-theming all of the built in controls. Since high contrast mode usually only affects colors, you specify non-themed colors on a per-control basis though to make it consistent across different themes (high contrast is an OS theme just like dark and light themes from the perspective of the app).

Please elaborate on what specific issues you are having and for which controls and/or pages regarding high contrast mode. In most cases, it's relatively simple to fix this (usually through ThemeResources and/or ThemeDictionaries)

--
Text scaling is easier to disable across the board but I still don't recommend it. You can set IsTextScaleFactorEnabled on most, if not all controls to false, so it doesn't respect the phone's text scaling in the "ease of access" settings. Setting this also affects all children controls. So if you set this on a page, everything in that page will also no longer scale its text. I believe you can even do it on the app to do it at an app-level. Instead of unconditionally disabling it, I HIGHLY suggest you do it only on elements that doesn't make sense to scale or if it looks really bad. Check out the native/built-in apps and see how they're usually a mix of scale-enabled and scale-disabled elements. Basically, you want content to scale because that's what your users are trying to read.