DevExpress BarButtonItem에 스타일을 추가하는 방법은 무엇입니까?

Question

일부 DevExpress가 있습니다 BarButtonItem이 서로 겹쳐 있습니다. 따라서 콘텐츠의 너비가 동일해야합니다 (예 : 콘텐츠의 길이가 더 길거나 짧으면 버튼이 진실과 잘못된 가시성 사이를 '이동').

그러나 너비 속성을 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.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}"/> 
     ...