4

wpfでこのようなツールバーを作成したいと思います。

ここに画像の説明を入力してください

ボタンが赤で囲まれた領域を作成するには、何を使用する必要がありますか？マイクロソフトツールバーで可能ですか？

今のところ私はこれを試しました：

ここに画像の説明を入力してください

これが私のxamlコードです：

    <ToolBarTray Background="#008ede" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="33" >
        <ToolBar ToolBarTray.IsLocked="True" Background="#008ede" HorizontalAlignment="Stretch"  VerticalAlignment="Center"  VerticalContentAlignment="Center">
            <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center">
                <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image>
            </Button>
            <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center">
                <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image>
            </Button>
        </ToolBar>    
    </ToolBarTray>

1）まず、ボタンがどのように中央に配置されているかを知りたいのですが、verticalAlignment = "Center"を追加しましたが、中央には何もありません。アイデアはありますか？

2）次に、右側の白い小さな長方形をどのように削除または非表示にしますか？

3）では、赤丸で囲んだ部分を再現する方法を知っている人はいますか？

どうもありがとう ：）

よろしくお願いします

4

1 に答える 1

3

ツールバーが中央に表示されます。キャプション/タイトルがある場所にツールバーを配置したいということですか、それともキャプション タイトルを非表示にしたいということですか? 後者の場合、ウィンドウで WindowStyle="None" を試すことができます。

「小さな長方形」については、ツールバーの OverflowGrid 可視性プロパティを取得して設定してみてください。

おそらく、エレメントを aborder でラップし、角の半径を使用して角を丸くする必要もあります。例を次に示します。

    <DockPanel  Height="40" VerticalAlignment="Top">
        <Border BorderBrush="LightBlue" BorderThickness="1" CornerRadius="8" Margin="1" Background="#008ede">
                <ToolBarTray Background="#008ede" HorizontalAlignment="Left" VerticalAlignment="Center"  >
                    <ToolBar ToolBarTray.IsLocked="True" Background="Transparent"  HorizontalAlignment="Stretch"  VerticalAlignment="Center"  VerticalContentAlignment="Center">
                        <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center">
                            <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image>
                        </Button>
                        <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center">
                            <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image>
                        </Button>
                    </ToolBar>
                </ToolBarTray>
        </Border>
    </DockPanel>
于 2013-02-21T12:38:45.867 に答える