彩票走势图

初识Mindscape WPF Elements中的Outlook Bar

原创|其它|编辑:郝浩|2012-12-24 15:59:07.000|阅读 385 次

概述:Mindscape WPF Elements中的Outlook Bar OutlookBar控件功能类似于一个TabControl,显示一个项目集合中的每个按钮,Mindscape WPF Elements中的 OutLookBar支持两种级别的显示,便于选择的大按钮或是节省空间的小按钮。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

    OutlookBar控件功能类似于一个TabControl,显示一个项目集合中的每个按钮,Mindscape WPF Elements中的 OutLookBar支持两种级别的显示,便于选择的大按钮或是节省空间的小按钮。你就可以创建适用于自己的用户界面,效果上比较类似于最近新版的Microsoft Outlook左边显示的导航窗格。

    OutLookBar的内容模型就是一个OutlookBarItem对象的集合,每个对象指定了标题的“大”、“小”和内容。适用标题属性指定的“大”标题,这个特殊的面板包含哦图像和文本块;使用CollapsedHeader属性指定“小”标题,一般是一个图像,使用内容属性来指定内容。在默认的模版中,在选择按钮上先睡内容,用户可以拖动bar来更改的内容和选择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>

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP