Как изменить размер шрифта заголовка CommandBar в Xamarin UWP

Я создал приложение Xamarin.Forms, и у него довольно длинное имя. Когда я запускаю его на своем 4,5-дюймовом телефоне с Windows 10, оно выглядит очень странно.

Главная страница состоит из TabbedPage и имеет свойство Title, но не имеет свойства FontSize.

введите здесь описание изображения

Я использую следующие Style в своем проекте PCL:

 <Style TargetType="Label">     
        <Setter Property="TextColor" Value="{StaticResource BaseColor}" />
        <Setter Property="FontSize">
            <Setter.Value>
                <OnIdiom x:TypeArguments="x:Double"
                         Phone="18"
                         Tablet="28" />
            </Setter.Value>
        </Setter>
    </Style>

Однако, если я уберу его, заголовок все равно будет очень большим.

Где я могу изменить размер шрифта заголовка, чтобы сделать его меньше?

ОБНОВЛЕНИЕ:

Я проверил с помощью Live Property Editor, и он показывает, что Title находится внутри CommandBar, а FontSize установлено на 24.

введите здесь описание изображения

Я пытался переопределить его стиль (как в XAML, так и в коде), но это не сработало:

 <forms:WindowsPage.BottomAppBar>
        <CommandBar>
            <CommandBar.Style>
                <Style TargetType="CommandBar">
                    <Setter Property="FontSize" Value="4" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <TextBlock Text="Whatever" />
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </CommandBar.Style>
            <CommandBar.Content>
                <TextBlock Text="Whatever" />
            </CommandBar.Content>
        </CommandBar>
    </forms:WindowsPage.BottomAppBar>



 public MainPage()
 {
  this.InitializeComponent();
  var bapp = BottomAppBar;
  LoadApplication(new MyXamarinApp.App(IoC.Get<SimpleContainer>()));
  BottomAppBar = bapp;
  BottomAppBar.FontSize = 4;
 }

Есть идеи?

ОБНОВЛЕНИЕ 2:

Вы можете скачать образец проекта с здесь.


person Nestor    schedule 03.10.2016    source источник
comment
Не могли бы вы поделиться базовой демонстрацией, которая может воспроизвести эту проблему?   -  person Elvis Xia - MSFT    schedule 05.10.2016
comment
@ElvisXia-MSFT Конечно, это легко воспроизвести. Добавил ссылку в начальный пост.   -  person Nestor    schedule 05.10.2016


Ответы (1)


Вам необходимо переопределить один из встроенных стилей:

 <!-- Tab title  -->
 <Style x:Key="TitleTextBlockStyle" TargetType="TextBlock">
    <Setter Property="FontSize" Value="18" />
    <Setter Property="TextWrapping" Value="NoWrap" />
    <Setter Property="TextTrimming" Value="CharacterEllipsis" />
 </Style>
person Nestor    schedule 10.10.2016