ToolBar 概觀

  • 發行項

ToolBar 控制項是一組命令或控制項的容器，這些命令或控制項通常在其函式中相關。 ToolBar通常包含叫用命令的按鈕。

ToolBar 控制項

控制項 ToolBar 會從按鈕或其他控制項的類似橫條相片順序取得其名稱，並放入單一資料列或資料行。 WPF ToolBar 控制項會提供溢位機制，將任何不自然符合大小限制 ToolBar 的專案放入特殊溢位區域。 此外，WPF ToolBar 控制項通常與相關 ToolBarTray 控制項搭配使用，它提供特殊的版面配置行為，以及支援使用者起始的調整和排列工具列。

指定 ToolBar 在 ToolBarTray 中的位置

Band使用 和 BandIndex 屬性，在 中放置 。 ToolBarToolBarTray Band表示 在其父 ToolBarTray 代 中放置 的位置 ToolBar 。 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 溢位專案的 ：

Screenshot that shows a toolbar with overflow items.

您可以將附加屬性 OverflowMode.Always 設定 ToolBar.OverflowMode 為 、 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 中使用 ControlTemplate 和 ToolBarOverflowPanel 。 ToolBarPanel負責工具列上專案的配置。 ToolBarOverflowPanel負責 ToolBar 不符合 的專案配置。 如需 的 ControlTemplateToolBar 範例，請參閱

ToolBar 樣式和範本。

另請參閱