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

Ответ 1

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

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

И вот мой класс конвертера

    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;
        }
    }
}

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

Ответ 2

Я обнаружил, что использование метода 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), вам нужно будет обрабатывать возвращаемый правильный вывод типа.

Использование моего 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>

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

Я жду ответа на этот вопрос и сам разместил связанный с ним вопрос.
В качестве промежуточного решения я использовал 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();
}}

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