WPF 상태 표시 줄 레이아웃은 어떻게 사용자 정의합니까?

Question

둘 이상의 자식을 WPF에 추가하면 StatusBar은 사용자 정의 할 수있는 옵션이 부족하여 레이아웃이 좋지 않습니다. 예를 들어,이 코드 :

<Window x:Class="StatusBar.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="350" Width="525"> 
    <DockPanel> 
     <StatusBar DockPanel.Dock="Bottom"> 
      <StatusBarItem> 
       <TextBlock>Ready</TextBlock> 
      </StatusBarItem> 
      <StatusBarItem> 
       <TextBlock>Set</TextBlock> 
      </StatusBarItem> 
     </StatusBar> 

     <Label>Main Content</Label> 
    </DockPanel> 
</Window> 

결과에서 다음 바로 "준비"에 대한 최대 압착 "설정"이후

이 이상적인 레이아웃이 아니다.

WPF StatusBar 컨트롤 레이아웃을 완전히 제어하려면 어떻게해야합니까?

Answer 1

기본적으로 StatusBar은 자식을 배치하기 위해 DockPanel을 사용합니다. 이것은 하나의 항목에 대해서는 잘 작동하지만 둘 이상의 자식과 작업 할 때 일을 복잡하고 불편하게 만듭니다.

당신이 Grid의 DockPanel을 교체 할 수 있습니다, 상태 표시 줄의 아이들의 위치를 ​​제어의 높은 수준을 얻으려면 : 들어

:

<Window x:Class="StatusBar.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="350" Width="525"> 
    <DockPanel> 
     <StatusBar DockPanel.Dock="Bottom"> 
      <StatusBar.ItemsPanel> 
       <ItemsPanelTemplate> 
        <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition Height="*"/> 
         </Grid.RowDefinitions> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="4*"/> 
          <ColumnDefinition Width="Auto"/> 
          <ColumnDefinition Width="*"/> 
          <ColumnDefinition Width="*"/> 
         </Grid.ColumnDefinitions> 
        </Grid> 
       </ItemsPanelTemplate> 
      </StatusBar.ItemsPanel> 
      <StatusBarItem> 
       <TextBlock>Ready</TextBlock> 
      </StatusBarItem> 
      <StatusBarItem Grid.Column="1"> 
       <ProgressBar Value="30" Width="80" Height="18"/> 
      </StatusBarItem> 
      <StatusBarItem Grid.Column="2"> 
       <TextBlock>Set</TextBlock> 
      </StatusBarItem> 
      <StatusBarItem Grid.Column="3"> 
       <TextBlock>Go!</TextBlock> 
      </StatusBarItem> 
     </StatusBar> 

     <Label>Main Content</Label> 
    </DockPanel> 
</Window> 

이 결과 더 심층적 인 토론은 내 블로그 게시물 here을 방문하십시오.

Answer 2

사실, 켄트의 답변을 다음이 시도하고 그것을 잘 작동합니다 :

<StatusBar> 
    <StatusBarItem DockPanel.Dock="Right"> 
     <TextBlock>Go!</TextBlock> 
    </StatusBarItem> 
    <StatusBarItem DockPanel.Dock="Right"> 
     <TextBlock>Set</TextBlock> 
    </StatusBarItem> 
    <StatusBarItem DockPanel.Dock="Right"> 
     <ProgressBar Value="30" Width="80" Height="18"/> 
    </StatusBarItem> 
    <!-- Fill last child is true by default --> 
    <StatusBarItem> 
     <TextBlock>Ready</TextBlock> 
    </StatusBarItem> 
</StatusBar> 

Answer 3

를 그냥 우수한 답변을 읽는 사람들을위한 참조를 위해 나는를 달성하는 더 간단한 무언가를 제안하고 싶습니다 위 같은 결과. (DockPanel도 아니고 StatusBar도 사용하지 않음).

<Window> 
. 
. 

<Grid Margin="2"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="15"/> 
     </Grid.RowDefinitions> 

     <SomeContainer Grid.Row="0" /> <!-- Main Content.. --> 

     <Grid Grid.Row="1"> 
      <!-- Status bar laid out here (using similar approach)--> 
     </Grid> 
</Window> 

면책 조항 : 이것은 이전에 WPF로 시작할 때였습니다.