方法 : Border のプロパティを変更する

更新 : 2007 年 11 月

この例では、Border 要素の Background の色を変更する方法を示します。

使用例

Button 要素を Canvas の中央付近に配置する例を次に示します。境界線を Border 要素の周囲に表示するため、Canvas はこの要素内で入れ子にされています。Button 要素をクリックすると、Border 要素の Brush の色が LightSteelBlue に変わります。また、このクリック イベントにより、TextBlock 内のテキストの文字列が Canvas に追加され (これはイベントが発生したことを示します)、Button 要素のテキスト コンテンツが更新されます。

<Window
  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Border_change_programmatic.Window1"
  Title="Change Border Programmatically">
  <Border Name="root"
          BorderThickness="2"
            BorderBrush="Black"
            Background="LightGray"
            Width="350"
            Height="350">
    <Canvas>
      <Button Name="btn" Canvas.Top="40" Canvas.Left="40" Background="LightSkyBlue" Height="35" Click="ChangeBG">Click Me to change the Background Color</Button>
      <TextBlock Canvas.Top="130" Canvas.Left="40" Name="Text1">Waiting for Click!</TextBlock>
    </Canvas>
  </Border>
</Window>

次の分離コード ファイルでは、ChangeBG メソッドが処理されます。

Private Sub ChangeBG(ByVal sender As Object, ByVal e As System.Windows.RoutedEventArgs)
    root.Background = System.Windows.Media.Brushes.LightSteelBlue
    btn.Content = "Clicked!"
    Text1.Text = "The background is now LightSteelBlue"
End Sub
     void ChangeBG(object sender, System.Windows.RoutedEventArgs e)   
            {
            root.Background = System.Windows.Media.Brushes.LightSteelBlue;
            btn.Content = "Clicked!";
            Text1.Text = "The background is now LightSteelBlue"; 
            }

参照

概念

パネルの概要

参照

Border