[WPF/Silverlight] ステータスバー項目の配置位置を設定する その1

スポンサーリンク

ステータースバーの項目は、内部的にDockPanelに配置されています。

このため、添付プロパティDockPanel.Dockを使用して項目の配置位置を設定することができます。項目を左端に寄せたい場合にはLeftを、右端に寄せたい場合にはRightを指定します。

このように項目の配置位置を設定すると、最後に追加した項目は空いている場所へ配置されるとともにWindowのサイズに合わせて伸縮する項目となります。

下記は、ステータスバーに追加する項目に配置位置を設定する例です。

「Item1」という項目を左端に、「Item3」という項目を右端に配置しています。最後の項目として追加した「Item2」は伸縮する項目となります。

ステータスバー項目の配置位置を設定する例

 

XAMLの例

<DockPanel Name="DockPanel1">
    <StatusBar DockPanel.Dock="Bottom">
        <!-- 左側に配置 -->
        <StatusBarItem DockPanel.Dock="Left">Item1</StatusBarItem>
        <Separator DockPanel.Dock="Left"/>
        <!-- 右側に配置 -->
        <StatusBarItem DockPanel.Dock="Right">Item3</StatusBarItem>
        <Separator DockPanel.Dock="Right"/>
        <!-- 中央に配置 最後に追加した項目は伸縮する-->
        <StatusBarItem>Item2</StatusBarItem>
    </StatusBar>
    <TextBox></TextBox>
</DockPanel>

VBの例

'XAMLではなくコードで配置位置を設定する場合は下記のようにします

Dim statusBar1 As New Primitives.StatusBar()
Dim item1 As New Primitives.StatusBarItem()
Dim item2 As New Primitives.StatusBarItem()
Dim item3 As New Primitives.StatusBarItem()
Dim separator1 As New Separator()
Dim separator2 As New Separator()

'左端のステータスバー項目を作成
item1.Content = "item1"
'ステータスバーに項目を追加
statusBar1.Items.Add(item1)
DockPanel.SetDock(item1, Dock.Left)

'セパレーターの挿入
statusBar1.Items.Add(separator1)
DockPanel.SetDock(separator1, Dock.Left)

'右端のステータスバー項目を作成
item3.Content = "item3"
'ステータスバーに項目を追加
statusBar1.Items.Add(item3)
DockPanel.SetDock(item3, Dock.Right)

'セパレーターの挿入
statusBar1.Items.Add(separator2)
DockPanel.SetDock(separator2, Dock.Right)

'中央のステータスバー項目を作成
'最後の項目なので伸縮する項目となる
item2.Content = "item2"
'ステータスバーに項目を追加
statusBar1.Items.Add(item2)

'DockPanelにステータスバーを設置
DockPanel.SetDock(statusBar1, Dock.Bottom)
Me.DockPanel1.Children.Add(statusBar1)

'DockPanelにテキストボックスを設置
Dim txtInput As New TextBox
DockPanel.SetDock(txtInput, Dock.Bottom)
Me.DockPanel1.Children.Add(txtInput)

C#の例

// XAMLではなくコードで配置位置を設定する場合は下記のようにします

System.Windows.Controls.Primitives.StatusBar statusBar1 =
    new System.Windows.Controls.Primitives.StatusBar();
System.Windows.Controls.Primitives.StatusBarItem item1 =
    new System.Windows.Controls.Primitives.StatusBarItem();
System.Windows.Controls.Primitives.StatusBarItem item2 =
    new System.Windows.Controls.Primitives.StatusBarItem();
System.Windows.Controls.Primitives.StatusBarItem item3 =
    new System.Windows.Controls.Primitives.StatusBarItem();
Separator separator1 = new Separator();
Separator separator2 = new Separator();

// 左端のステータスバー項目を作成
item1.Content = "item1";
// ステータスバーに項目を追加
statusBar1.Items.Add(item1);
DockPanel.SetDock(item1, Dock.Left);

// セパレーターの挿入
statusBar1.Items.Add(separator1);
DockPanel.SetDock(separator1, Dock.Left);

// 右端のステータスバー項目を作成
item3.Content = "item3";
// ステータスバーに項目を追加
statusBar1.Items.Add(item3);
DockPanel.SetDock(item3, Dock.Right);

// セパレーターの挿入
statusBar1.Items.Add(separator2);
DockPanel.SetDock(separator2, Dock.Right);

// 中央のステータスバー項目を作成
// 最後の項目なので伸縮する項目となる
item2.Content = "item2";
// ステータスバーに項目を追加
statusBar1.Items.Add(item2);

// DockPanelにステータスバーを設置
DockPanel.SetDock(statusBar1, Dock.Bottom);
this.DockPanel1.Children.Add(statusBar1);

// DockPanelにテキストボックスを設置
TextBox txtInput = new TextBox();
DockPanel.SetDock(txtInput, Dock.Bottom);
this.DockPanel1.Children.Add(txtInput);
タイトルとURLをコピーしました