2

我想在 Microsoft Office 中创建一个功能区按钮，以重现例如“文本填充”按钮的行为。它分为两个区域，左侧（红色）将执行默认/最后操作，右侧（蓝色）提供附加功能。

文本填充

我得到的最接近的是使用 asplitButton和buttona menu。但是这里有一个带有默认操作文本的大按钮，只有一个带有三角形的小区域用于访问下拉菜单。以下是功能区代码和生成的按钮：

<splitButton id="SplitButton1" size="normal" >
  <button id="MenuButton1" imageMso="TextFillColorPicker" label="Text Fill" />
  <menu id="Menu1" label="Label1" itemSize="normal" showLabel="true">
    <button id="MenuButton2" label="Label2" />
  </menu>
</splitButton>

在此处输入图像描述

出于可用性原因，我想将（视觉）焦点完全放在下拉部分上，如图所示。任何想法如何做到这一点？

4

4 回答 4

0

由于自定义限制，我认为不可能做你想做的事......但你可以尝试定义一个盒子而不是一个 splitButton：

<box id="BoxSplit" boxStyle="horizontal">
  <button id="MenuButton1" imageMso="TextFillColorPicker" />
  <menu id="Menu1" label="Text Fill" itemSize="normal" showLabel="true">
    <button id="MenuButton2" label="Label2" />
  </menu>
</box>

这将为您提供以下结果：

带按钮和菜单的框，悬停按钮

带按钮和菜单的框，悬停按钮

如您所见，现在的问题是菜单和按钮没有一起突出显示。我希望这对你来说是可以接受的......

于 2012-11-19T09:12:28.563 回答
0

我认为 ControlSize 属性只有 2 个选项，常规或大。所以只需使用常规尺寸，并将图像添加到您的拆分按钮。

有关详细信息，请参阅此 API：http:
//msdn.microsoft.com/en-us/library/microsoft.office.tools.ribbon.ribbonsplitbutton.controlsize

带有功能区 XML 的自定义 UI 示例

<splitButton id="splitButton"> 
     <button id="splitButton__btn" imageMso="AlignLeft" label="SplitButton" onAction="splitButton_Click" /> 
     <menu id="splitButton__mnu"> 
     <button id="btnAlignLeft" imageMso="AlignLeft" onAction="btnAlign_Click" label="Left" /> 
      </menu> 
</splitButton>

MSDN 上的功能区 XML
http://msdn.microsoft.com/en-us/library/aa942866.aspx
http://msdn.microsoft.com/en-us/library/gg327872

也许您可能想尝试<MenuSection>标记

<MenuSection
 DisplayMode=["Default" | "Small" | "Medium"  | "Large"  | "Text"  | "Menu"  | "Menu16"  | "Menu32"  | "Thin"]
 Id="String"
 MaxHeight="String"
 Scrollable="true"
 Sequence="Integer"
 Title="String">
 [<Controls /> | <Gallery />]
</MenuSection>

似乎您可以定义不同类型的显示模式。

http://msdn.microsoft.com/en-us/library/gg334378.aspx

于 2012-09-14T06:54:37.117 回答
0

如果您需要完全复制功能区中的原始按钮，您可以使用以下代码：

<control idMso="FontColorPicker" imageMso="FontColorPicker"/>

（我四处寻找这个，我找不到任何信息，所以我想有一天它可能对某人有用）

于 2017-02-22T14:54:46.730 回答
-1

声明 splitButton 时，将 size 属性设置为“small”

于 2012-09-13T14:24:41.390 回答