OutlookBar控件功能類似于一個(gè)TabControl，顯示一個(gè)項(xiàng)目集合中的每個(gè)按鈕，Mindscape WPF Elements中的 OutLookBar支持兩種級別的顯示，便于選擇的大按鈕或是節(jié)省空間的小按鈕。你就可以創(chuàng)建適用于自己的用戶界面，效果上比較類似于最近新版的Microsoft Outlook左邊顯示的導(dǎo)航窗格。

    OutLookBar的內(nèi)容模型就是一個(gè)OutlookBarItem對象的集合，每個(gè)對象指定了標(biāo)題的“大”、“小”和內(nèi)容。適用標(biāo)題屬性指定的“大”標(biāo)題，這個(gè)特殊的面板包含哦圖像和文本塊；使用CollapsedHeader屬性指定“小”標(biāo)題，一般是一個(gè)圖像，使用內(nèi)容屬性來指定內(nèi)容。在默認(rèn)的模版中，在選擇按鈕上先睡內(nèi)容，用戶可以拖動bar來更改的內(nèi)容和選擇bar大小。

<ms:OutlookBar Width="200">

  <ms:OutlookBarItem IsSelected="True">
    <!-- Large button display -->
    <ms:OutlookBarItem.Header>
      <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" Margin="5,0,0,0">
        <Image Source="MailLarge.png" Width="21" Height="21" VerticalAlignment="Center" HorizontalAlignment="Left" />
        <TextBlock Margin="13,0,0,0" FontWeight="Bold" VerticalAlignment="Center" HorizontalAlignment="Left">Mail</TextBlock>
      </StackPanel>
    </ms:OutlookBarItem.Header>
    <!-- Icon display -->
    <ms:OutlookBarItem.CollapsedHeader>
      <Image Source="MailSmall.png" Width="16" Height="15" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="3,0,3,0" />
    </ms:OutlookBarItem.CollapsedHeader>
    <!-- Content -->
    <ms:MulticolumnTreeView ItemsSource=Binding MailFoldersms:OutlookBarItemms:OutlookBarItemLarge buttondisplay -->
    <ms:OutlookBarItem.Header>
      <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" Margin="5,0,0,0">
        <Image Source="CalendarLarge.png" Width="21" Height="21" VerticalAlignment="Center" HorizontalAlignment="Left" />
        <TextBlock Margin="13,0,0,0" FontWeight="Bold" VerticalAlignment="Center" HorizontalAlignment="Left">Calendar</TextBlock>
      </StackPanel>
    </ms:OutlookBarItem.Header>
    <!-- Icon display -->
    <ms:OutlookBarItem.CollapsedHeader>
      <Image Source="CalendarSmall.png" Width="16" Height="15" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="3,0,3,0" />
    </ms:OutlookBarItem.CollapsedHeader>
    <!-- Content -->
    <ListBox ItemsSource="{Binding AvailableCalendars}" />
  </ms:OutlookBarItem>

</ms:OutlookBar>