共用方式為

ToolBar 概觀

  • 發行項

ToolBar 控制項如何包含一組命令或控制項容器，這些命令或控制項的功能通常彼此相關。 ToolBar 通常包含叫用命令的按鈕。

ToolBar 控制項

ToolBar 控制項的名稱，取自於按鈕或其他控制項排列成單列或單欄的條狀外觀。 WPF ToolBar控制項提供一種溢位機制，可以將無法自然放入具有大小限制之 ToolBar 內的所有項目，放入特殊的溢位區域。 此外，WPF ToolBar 控制項通常會搭配相關的 ToolBarTray 控制項一起使用，以提供特殊的版面配置行為，並支援使用者啟始的工具列大小設定及排列。

指定 ToolBar 在 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：

顯示具有溢位項目的工具列螢幕擷取畫面。

您可以將 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 大小項目的版面配置。 如需 ControlTemplate 的 ToolBar 範例，請參閱

ToolBar 樣式和範本。

另請參閱