2012-06-29 21 views
2

我想在Microsoft Office中創建一個功能區按鈕,以重現行爲,例如「文字填充」按鈕。它分爲兩個區域,左側(紅色)執行默認/最後一個動作,右側(藍色)提供附加功能。如何創建分隔的Office功能區按鈕,如文本填充

TextFill

我是使用splitButtonbuttonmenu最接近。但是,在這裏可以獲得一個包含默認操作文本的大按鈕,並且只有一個帶有三角形的小區域用於訪問下拉菜單。下面是色帶代碼並將所得按鈕:

<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> 

enter image description here

對於可用性原因,我想保持完全一樣在圖像中示出的(視覺)焦點上的下拉部分。任何想法如何做到這一點?

回答

0

當宣佈splitButton,設置大小屬性爲「小」

+0

當我試過這個Visual Studio會告訴我「The'size'屬性是無效的」(只允許「normal」和「large」)並且我的功能區沒有加載在所有。 –

0

我覺得有隻有2選項ControlSize廣告載體,常規或大。所以只需使用常規大小,並將圖像添加到您的分割按鈕。

,請參閱該API的更多細節:
http://msdn.microsoft.com/en-us/library/microsoft.office.tools.ribbon.ribbonsplitbutton.controlsize

爲例進行自定義用戶界面與功能區XML

<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> 

區XML MSDN上
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

+0

我真的不認爲這是關於控制尺寸。請參閱我剛剛添加的屏幕截圖,其中顯示了我獲得的控件。 –

+0

我認爲你可能不得不使用功能區XML去定製用戶界面。我的帖子更新了一個例子。 – woodykiddy

+1

這似乎與我使用的方法非常接近,導致我的結果與我嘗試實現的結果不相符。也許我不正確地理解你? –

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> 

這爲您提供了以下結果:

box with button and menu, hovering button

box with button and menu, hovering button

如您所見,問題是現在菜單和按鈕不會一起高亮顯示。我希望這對你是可以接受的...

0

如果您需要的是精確地再現您的絲帶原來的按鈕,你可以使用此代碼:

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

(我環顧四周,發現這一點,我找不到任何信息,所以我找出它可能對某人有用)

相關問題