масштабирование размера шрифта в универсальном приложении Магазина Windows (W8.1 + WP8.1)

Что я сделал для своего приложения Магазина Windows, так это привязал свойство FontSize к высоте страницы и преобразовал значение (вам придется немного поиграть, пока вы не найдете правильное значение для вашего случая).

<TextBlock Grid.Row="0" Text="Some Text" 
FontSize="{Binding ElementName=pageRoot, Path=ActualHeight, 
Converter={StaticResource PageHeightConverter}, ConverterParameter='BodyFontSize'}" />

А вот мой класс Converter

    class PageHeightConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        switch ((string)parameter)
        {
            case "HeroImage":
                return ((((double)value) * 2) / 3);
            case "TitleFontSize":
                return (int)((double)value / 40);
            case "BodyFontSize":
                return (int)((double)value / 60);
            default:
                return 0;
        }
    }
}

Это не идеально, но работает довольно хорошо, пока я не найду более красивое решение.

Я обнаружил, что с помощью IValueConverter работал достаточно хорошо при использовании в сочетании с ResolutionScale:

class ScaleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var resolutionScale = (int)DisplayInformation.GetForCurrentView().ResolutionScale / 100.0;
        var baseValue = int.Parse(parameter as string);
        var scaledValue = baseValue * resolutionScale;
        if (targetType == typeof(GridLength))
            return new GridLength(scaledValue);
        return scaledValue;
    }
}

Обратите внимание, что если вы используете больше, чем FontSize (поскольку я также использую его для ColumnDefinition.Width), вам нужно будет обрабатывать возврат правильного вывода Type'ed.

Мое использование XAML выглядит примерно так:

<TextBlock Text="string" FontSize="{Binding ElementName=root, Path=ActualHeight, Converter={StaticResource ScaleConverter}, ConverterParameter='30'}" />

И чтобы просто завершить решение, для каждой страницы XAML, на которой вы используете это, вам нужно включить следующее, заменив SwapChainBackgroundPanel любым классом, который вы используете, и правильно определив пространство имен xml:

<SwapChainBackgroundPanel.Resources>
    <local:ScaleConverter x:Key="ScaleConverter"></local:ScaleConverter>
</SwapChainBackgroundPanel.Resources>

WinRT может автоматически масштабировать все, что работает поверх него, и будет делать это в зависимости от плотности пикселей дисплея. В Windows 8.0 он масштабировался на 100%, 140% и 180%. Более новая версия может иметь еще больше коэффициентов масштабирования. Я не верю, что вы можете отказаться от этого масштабирования.

Если вы не заинтересованы в использовании встроенного масштабирования, которое работает на системном уровне, то вы вынуждены делать все самостоятельно. Вы можете масштабировать текст вручную, установив размер шрифта, или вы можете использовать силу преобразований для масштабирования текста или всего пользовательского интерфейса.

Ваши образцы изображений вводят в заблуждение, потому что фактический размер устройств также будет другим. В этой записи блога рассказывается, как настроить эмуляторы для более точного представления.

Если вы хотите, чтобы на каждом экране отображался один и тот же контент (например, 6-дюймовый телефон просто показывает увеличенную версию 4-дюймового телефона, а не показывает на 50 % больше контента), используйте ViewBox для масштабирования приложения. Однако это не особенно хороший пользовательский опыт.

Я жду ответа на этот вопрос и сам задал соответствующий вопрос.
В качестве временного решения я использовал iValueConverter, и он работает при определенных разрешениях, но не при других.

Мой iValueConverter выглядит следующим образом:

class FontSizeConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, string language)
    {
    var display = Helpers.ScreenResolution();
    var height = display.Height;
    var oldFontSize = (int)value;
    if(oldFontSize == null) return;

    // Calculate the new Fontsize based on the designed Fontsize
    // and design display size in Visual Studio designer...
    var newFontSize = (int)Math.Round((oldFontSize / 768.0) * height, 0);
    return newFontSize;
}

public object ConvertBack(object value, Type targetType, object parameter, string language)
{
    throw new NotImplementedException();
}}

Надеюсь, это поможет...