WPF :: Стилизация RibbonComboBox иначе, чем RibbonGallery

RibbonComboBox использует ContentPresenter для отображения элемента, выбранного в RibbonGallery. Более того, ContentPresenter принимает тот же ItemTemplate, который вы объявили в RibbonGallery. Это "основная" причина вашей проблемы.

Таким образом, вы можете выбрать одно из двух решений для обхода проблемы.

ПЕРВОЕ РЕШЕНИЕ (самое быстрое)

Вы можете просто установить для свойства IsEditable вашего RibbonComboBox значение «true». Таким образом, RibbonComboBox заменяет ContentPresenter на TextBox без использования ItemTemplate. Тогда шрифт будет иметь нужный размер.

ВТОРОЕ РЕШЕНИЕ (лучшее ИМХО)

Поскольку ItemTemplate используется одновременно как из ContentPresenter RibbonComboBox, так и из RibbonGallery, это тот момент, когда мы можем попытаться решить проблему. Единственное отличие состоит в том, что когда DataTemplate помещается в RibbonGallery, его родителем является RibbonGalleryItem. Поэтому, если его родителем не является RibbonGalleryItem, вы автоматически знаете, что DataTemplate помещен внутри ContentPresenter. Вы можете справиться с этой ситуацией, написав простой DataTrigger. Посмотрим все в коде.

Я написал упрощенную ViewModel:

namespace WpfApplication1
{
    public class FontSizes
    {
        private static FontSizes instance = new FontSizes();
        private List<double> values = new List<double>();

        public FontSizes()
        {
            double i = 9.0;
            while (i <= 30)
            {
                values.Add(i);
                i += 0.75;
            }
        }

        public IList<double> Values
        {
            get
            {
                return values;
            }
        }

        public static FontSizes Instance
        {
            get
            {
                return instance;
            }
        }
    }
}

Тогда это мой взгляд:

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ribbon="http://schemas.microsoft.com/winfx/2006/xaml/presentation/ribbon"
        xmlns:vm="clr-namespace:WpfApplication1"
        Title="Window1" Height="300" Width="300">
    <Window.Resources />

    <DockPanel>
        <ribbon:RibbonComboBox Label="Select a font size:"
                  SelectionBoxWidth="62"
                  VerticalAlignment="Center">

        <ribbon:RibbonGallery MaxColumnCount="1">
                <ribbon:RibbonGalleryCategory DataContext="{x:Static vm:FontSizes.Instance}" ItemsSource="{Binding Path=Values, Mode=OneWay}">
                    <ribbon:RibbonGalleryCategory.ItemTemplate>
                        <DataTemplate>
                            <Grid>
                                <TextBlock Name="tb" Text="{Binding}" FontSize="{Binding}" />
                            </Grid>

                            <DataTemplate.Triggers>
                                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ribbon:RibbonGalleryItem, AncestorLevel=1}}"
                                             Value="{x:Null}">
                                    <Setter TargetName="tb" Property="FontSize" Value="12" />
                                </DataTrigger>
                            </DataTemplate.Triggers>
                        </DataTemplate>
                    </ribbon:RibbonGalleryCategory.ItemTemplate>
                </ribbon:RibbonGalleryCategory>
            </ribbon:RibbonGallery>
        </ribbon:RibbonComboBox>
    </DockPanel>
</Window>

Как видите, DataTrigger — это «компонент», который делает «грязную работу».

Теперь вам просто нужно решить, какое решение вы предпочитаете.

Я бы посоветовал вам использовать библиотеку Fluent.Ribbon вместо лент Microsoft (поскольку они очень глючит, плохо поддерживается и поддерживает только старые стили, действительно поверьте мне, это просто избавит вас от многих проблем).

Тогда вы просто можете использовать этот код:

<fluent:ComboBox Header="Font Size" ItemsSource="{Binding FontSizes}">
    <fluent:ComboBox.ItemTemplate>
        <ItemContainerTemplate>
            <TextBlock FontSize="{Binding }" Text="{Binding }" />
        </ItemContainerTemplate>
    </fluent:ComboBox.ItemTemplate>
</fluent:ComboBox>

И получить желаемый результат: