Как выровнять элементы в приложении UWP для Windows 10 Mobile? ⇐ C#

[Anonymous]

У меня есть такой простой макет в приложении для Windows 10 Mobile:

Код: Выделить всё

x:Class="Clock_Mobile.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:Clock_Mobile"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" FontFamily="Schnaubelt">

А выглядит это так:
[img]https:// i.sstatic.net/VmHNCTth.png[/img]

Кружки не выровнены должным образом, хотя ширина и высота окна — четные числа.
Как мне их выровнять? Я также согласен использовать другой API управления и графики, например Graphics2D в Java, но сейчас найти документацию для этой устаревшей платформы очень сложно.

Подробнее здесь: https://stackoverflow.com/questions/786 ... mobile-app