SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Silverlight/WPFで使える逆引きTips集

Silverlight/WPFで使える逆引きTips集
――ツールバー機能

(11) ToolBarコントロールとToolBarTrayコントロール


ダウンロード ToolBar_WPF_VB.zip (74.6 KB)
ダウンロード ToolBar_WPF_CS.zip (70.6 KB)

08.ツールバーを固定する

 ToolBarTrayクラスIsLockedプロパティにTrueをセットするとツールバーを固定することができます。

 ツールバーが固定されると左端のグリップが非表示になります。

 下記は、ツールバーを固定する例です。

ツールバーを固定する例
ツールバーを固定する例
XAMLの例
<DockPanel Name="DocPanel1">
    <ToolBarTray Name="ToolBarTray1" DockPanel.Dock="Top" IsLocked="True">
        <ToolBar Name="ToolBar1" Band="1">
            <Button>A</Button>
            <Button>B</Button>
            <Button>C</Button>
        </ToolBar>
        <ToolBar Name="ToolBar2" Band="2">
            <Button>D</Button>
            <Button>E</Button>
            <Button>F</Button>
        </ToolBar>
        <ToolBar Name="ToolBar3" Band="2">
            <Button>G</Button>
            <Button>H</Button>
            <Button>I</Button>
        </ToolBar>
        <ToolBar Name="ToolBar4" Band="2">
            <Button>J</Button>
            <Button>K</Button>
            <Button>L</Button>
        </ToolBar>
    </ToolBarTray>
    <TextBox></TextBox>
</DockPanel>
VBの例
'XAMLではなくコードで行う場合は下記のようにします

'ツールバーを固定する(ツールバートレイ内での移動を禁止)        
ToolBarTray1.IsLocked = True
C#の例
// XAMLではなくコードで行う場合は下記のようにします

// ツールバーを固定する(ツールバートレイ内での移動を禁止)        
ToolBarTray1.IsLocked = true;
ポイント

 ツールバーを固定するにはIsLockedプロパティにTrueをセットする。

09.垂直に配置する

 ツールバーを垂直に配置するにはToolBarTrayクラスOrientationプロパティにVerticalを設定します。

 OrientaitionプロパティにはOrientation列挙体の値を設定します。

Orientation列挙体
メンバ名 説明
Horizontal ツールバートレイを水平に配置する(既定値)
Vertical ツールバートレイを垂直に配置する

 下記は、Orientationプロパティを設定してツールバーを垂直に配置する例です。

垂直に配置する例
垂直に配置する例
XAMLの例
<DockPanel Name="DocPanel1">
    <ToolBarTray Name="ToolBarTray1" DockPanel.Dock="Left" Orientation="Vertical">
        <ToolBar DockPanel.Dock="Top">
            <Button>
                <Image Source="Images/NewDocument.png" Width="16" Height="16" />
            </Button>
            <Button>
                <Image Source="Images/Save.png" Width="16" Height="16" />
            </Button>

            <ComboBox Width="50">
                <ComboBoxItem IsSelected="True">10pt</ComboBoxItem>
                <ComboBoxItem>11pt</ComboBoxItem>
                <ComboBoxItem>12pt</ComboBoxItem>
            </ComboBox>
            <Button>
                <Image Source="Images/boldhs.png" Width="16" Height="16" />
            </Button>
            <Button>
                <Image Source="Images/Italichs.png" Width="16" Height="16" />
            </Button>
        </ToolBar>
    </ToolBarTray>
    <TextBox></TextBox>
</DockPanel>
VBの例
'XAMLではなくコードで行う場合は下記のようにします

'ツールバーを垂直に配置する
ToolBarTray1.Orientation = Orientation.Vertical
C#の例
// XAMLではなくコードで行う場合は下記のようにします

// ツールバーを垂直に配置する
ToolBarTray1.Orientation = Orientation.Vertical;
ポイント

 ツールバーを垂直に配置するにはToolBarTrayクラスのOrientationプロパティにVerticalをセットする。

次のページ
10.メニューを表示する

この記事は参考になりましたか?

Silverlight/WPFで使える逆引きTips集連載記事一覧

もっと読む

この記事の著者

HIRO(ヒロ)

HIRO's.NETのHIROです。とある半導体工場のSEです。VB.NET, C#, PowerShellによるプログラミングを楽しんでいます。最近はBlog でPowerShellについて書いています。2008/07/07にPowerShell from Japan!!というサイトを立ち上げまし...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/5827 2011/03/24 23:33

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー