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