HOW TO：變更 Border 的屬性

更新：2007 年 11 月

本範例說明如何變更 Border 項目的 Background 色彩。

範例

下列範例會將 Button 項目放在靠近 Canvas 的中央。Canvas 會巢狀在 Border 項目內，以在項目周圍顯示框線。當您按一下 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