如何添加样式到DevExpress BarButtonItem？

Question

我有一些DevExpress BarButtonItem层叠在一起。所以我需要确保它们具有相同的宽度（例如，如果内容更长或更短，按钮会在真实和错误的可见度之间“转移”）。

但我想不出如何将宽度属性添加到BarButtonItem。我尝试了以下，但它不起作用，BarButtonItem没有宽度属性。

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

Answer 1

有指定BarButtonItem宽度和高度没有直接的方法，但你可以通过BarButtonItem.ContentTemplate属性指定的BarButtonItem.Content宽度或高度：

<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}"/> 
     ...