XAML Label Code Example

The <Label> element in XAML represents a Label control. This article shows how to use a Label control in WPF using XAML and C#.

A XAML Label element represents a Label control. Code sample of how to use a XAML Label. 
 
The code example in Listing 1 creates a Label control in XAML and sets the name, height, width and content of a Label control. The code also sets the font format for the text. 
  1. <Label Name="Label1"  
  2.     Content="Hello! I am Label Control"   
  3.     Width="200" Height="40"  
  4.     Canvas.Left="10" Canvas.Top="10"   
  5.     FontSize="14" FontFamily="Georgia"  
  6.     FontWeight="Bold"/>  
Listing 1

The output looks as in Figure 1.

Figure 1

The Background and Foreground properties set the background and foreground colors of the Label control. The code snippet in Listing 2 sets the background, foreground and alignment of a Label control.
  1. <Label Name="Label1"  
  2.     Content="Hello! I am Label Control"   
  3.     Width="200" Height="30"  
  4.     Canvas.Left="10" Canvas.Top="10"   
  5.     FontSize="14" FontFamily="Georgia"  
  6.     FontWeight="Bold"   
  7.     Background="Black"   
  8.     Foreground="Orange"   
  9.     VerticalAlignment="Center"   
  10.     HorizontalAlignment="Center"/>  
Listing 2

The new output looks as in Figure 2.



Figure 2

Formatting a Label

The BorderBrush property of the Label sets a brush to draw the border of a Label. You may use any brush to fill the border. The following code snippet uses a linear gradient brush to draw the border with a combination of Red and Blue colors.
  1. <Label.BorderBrush>  
  2.     <LinearGradientBrush StartPoint="0,0" EndPoint="1,1" >  
  3.         <GradientStop Color="Blue" Offset="0" />  
  4.         <GradientStop Color="Red" Offset="1.0" />  
  5.     </LinearGradientBrush>  
  6. </Label.BorderBrush>  
The Background and Foreground properties of the Label set the background and foreground colors of a Label. You may use any brush to fill the border. The following code snippet uses linear gradient brushes to draw the background and foreground of a Label.
  1. <Label.Background>  
  2.     <LinearGradientBrush StartPoint="0,0" EndPoint="1,1" >  
  3.         <GradientStop Color="Blue" Offset="0.1" />  
  4.         <GradientStop Color="Orange" Offset="0.25" />  
  5.         <GradientStop Color="Green" Offset="0.75" />  
  6.         <GradientStop Color="Black" Offset="1.0" />  
  7.     </LinearGradientBrush>  
  8. </Label.Background>  
  9. <Label.Foreground>  
  10.     <LinearGradientBrush StartPoint="0,0" EndPoint="1,1" >  
  11.         <GradientStop Color="Orange" Offset="0.25" />  
  12.         <GradientStop Color="Green" Offset="1.0" />  
  13.     </LinearGradientBrush>  
  14. </Label.Foreground>  
The new Label looks as in Figure 4.



Figure 4

Setting Image as Background of a Label

To set an image as background of a Label, we can set an image as the Background of the Label. The following code snippet sets the background of a Label to an image.
  1. <Label.Background>  
  2.     <ImageBrush ImageSource="Garden.jpg" />  
  3. </Label.Background>  
The new output looks as in Figure 5.



Figure 5

To learn more about Label control, pelase visit WPF Label Control