Поделиться через


Обзор панели инструментов

ToolBar элементы управления — это контейнеры для группы команд или элементов управления, которые обычно связаны в их функции. Обычно ToolBar содержит кнопки, вызывающие команды.

Элемент управления ToolBar

Элемент ToolBar управления называется так из-за линейного расположения кнопок или других элементов управления в одну строку или столбец. Элементы управления WPF ToolBar предоставляют механизм переполнения, который помещает любые элементы, которые не помещаются в естественном виде в пределах ограниченного по размеру ToolBar, в специальную область переполнения. Кроме того, элементы управления WPF ToolBar обычно используются с соответствующим ToolBarTray элементом управления, который обеспечивает специальное поведение макета, а также поддержку размера, инициированного пользователем, и упорядочивание панелей инструментов.

Указание положения панелей инструментов в компоненте ToolBarTray

Используйте свойства Band и BandIndex, чтобы разместить ToolBar в ToolBarTray. Band указывает положение, в котором ToolBar помещается внутри родительского элемента ToolBarTray. BandIndex указывает порядок, в котором ToolBar размещается в пределах своей полосы. В следующем примере показано, как использовать это свойство для размещения ToolBar элементов управления внутри ToolBarTray.

<ToolBarTray Background="White">
  <ToolBar Band="1" BandIndex="1">
    <Button>
      <Image Source="toolbargraphics\cut.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\copy.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\paste.bmp" />
    </Button>
  </ToolBar>
  <ToolBar Band="2" BandIndex="1">
    <Button>
      <Image Source="toolbargraphics\undo.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\redo.bmp" />
    </Button>
  </ToolBar>
  <ToolBar Band="2" BandIndex="2">
    <Button>
      <Image Source="toolbargraphics\paint.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\spell.bmp" />
    </Button>
    <Separator/>
    <Button>
      <Image Source="toolbargraphics\save.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\open.bmp" />
    </Button>
  </ToolBar>
</ToolBarTray>

Панели инструментов с элементами переполнения

Часто ToolBar элементы управления содержат больше элементов, чем можно поместить в размер панели инструментов. В этом случае ToolBar отображается кнопка переполнения. Чтобы увидеть элементы переполнения, пользователь нажимает кнопку переполнения, и элементы отображаются во всплывающем окне под элементом ToolBar. На следующем рисунке показан ToolBar с элементами переполнения:

Снимок экрана, показывающий панель инструментов с дополнительными элементами.

Вы можете указать, когда элемент на панели инструментов помещается на панель переполнения, задав ToolBar.OverflowMode присоединенное свойство OverflowMode.Alwaysв значение , OverflowMode.Neverили OverflowMode.AsNeeded. В следующем примере указывается, что последние четыре кнопки на панели инструментов всегда должны находиться на панели переполнения.

<ToolBarTray Background="White">
  <ToolBar Band="1" BandIndex="1">
    <Button>
      <Image Source="toolbargraphics\cut.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\copy.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\paste.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\undo.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\redo.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\paint.bmp" />
    </Button>
    <Button>
      <Image Source="toolbargraphics\spell.bmp" />
    </Button>
    <Separator/>
    <Button ToolBar.OverflowMode="Always">
      <Image Source="toolbargraphics\save.bmp" />
    </Button>
    <Button ToolBar.OverflowMode="Always">
      <Image Source="toolbargraphics\open.bmp" />
    </Button>
    <Button ToolBar.OverflowMode="Always">
      <Image Source="toolbargraphics\print.bmp" />
    </Button>
    <Button ToolBar.OverflowMode="Always">
      <Image Source="toolbargraphics\preview.bmp" />
    </Button>
  </ToolBar>
</ToolBarTray>

ToolBar использует ToolBarPanel и ToolBarOverflowPanel в своем ControlTemplate. ToolBarPanel отвечает за макет элементов на панели инструментов. ToolBarOverflowPanel отвечает за размещение элементов, которые не помещаются на ToolBar. Пример для примера см. в разделе >.

Стили и шаблоны ToolBar.

См. также