如何将Style添加到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}"/>
        ...