Как добавить стиль в DevExpress BarButtonItem?

Question

У меня есть несколько DevExpress BarButtonItem , наложенных друг на друга. Поэтому мне нужно убедиться, что они имеют одинаковую ширину (например, если содержимое длиннее или короче, кнопки будут «сдвигаться» между истинной и ложной видимостью).

Но я не мог понять, как добавить свойство width к BarButtonItem . Я попробовал следующее, но это не работает, и у BarButtonItem нет свойства Width.

<dxb:BarButtonItem x:Name="btn1" Content="Foo">
   <dxb:BarButtonItem.Style>
       <Setter Property="Width" Value="100" />
   </dxb:BarButtonItem.Style>
<dxb:BarButtonItem>

Answer 1

Нет прямого способа указать ширину или высоту BarButtonItem, но вы можете указать ширину или высоту BarButtonItem.Content через свойство BarButtonItem.ContentTemplate :

<dxb:BarManager Name="barManager" CreateStandardLayout="True">
    <dxb:BarManager.Resources>
        <DataTemplate x:Key="RedBarButtonItemContentWithFixedWidth">
            <Border Background="Red" Width="100">
                <ContentPresenter Content="{Binding}"/>
            </Border>
        </DataTemplate>
    </dxb:BarManager.Resources>
    <dxb:BarManager.Items>
        <dxb:BarButtonItem x:Name="btn1" Content="Foo"
            ContentTemplate="{StaticResource RedBarButtonItemContentWithFixedWidth}"/>
        ...