Semi-transparent : Color « Graphics « Silverlight






  1. Silverlight
  2. Graphics
  3. Color

Semi-transparent

Semi-transparent
    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White">
    <Grid Margin="5" Opacity="0.8">
      <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
      </Grid.RowDefinitions>

      <Grid.Background>
        <ImageBrush ImageSource="celestial.jpg" />
      </Grid.Background>

      <Button Foreground="Green" FontSize="16" Margin="10" 
            Background="#60AA4030"
            Padding="20" Content="A Semi-Transparent Button"></Button>

      <TextBlock Grid.Row="1" Margin="10" TextWrapping="Wrap" Opacity="0.3" VerticalAlignment="Center" HorizontalAlignment="Center"
       FontSize="38" FontFamily="Arial Black" Foreground="White" Text="SEMI-TRANSPARENT TEXT"></TextBlock>

      <Grid Grid.Row="2">
          <Image Margin="10" Source="c:/image.jpg" Opacity="0.6" ></Image>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Margin="5"
          FontSize="38" FontFamily="Arial Black" MaxWidth="170" TextWrapping="Wrap"
         Text="OVER TWO LAYERS" Opacity="0.3" Foreground="White"></TextBlock>
      </Grid>
    </Grid>
  </Grid>
</UserControl>








Related examples in the same category

1.From sRGB values in the Color strutcureFrom sRGB values in the Color strutcure
2.Draws an oval with a blue interiorDraws an oval with a blue interior
3.Draws an oval with a blue interior and a black outlineDraws an oval with a blue interior and a black outline
4.Diagonal Linear GradientDiagonal Linear Gradient
5.A Partially Transparent Button
6.A Radial GradientA Radial Gradient
7.From predefined color name in the Colors classFrom predefined color name in the Colors class
8.Fills the polylines with a light gray colorFills the polylines with a light gray color
9.The Color property of this rectangle's SolidColorBrush is animated.
10.The Color property of the SolidColorBrush used to fill this rectangle is animated
11.The Opacity property of this rectangle's SolidColorBrush is animated
12.Specify using set Brush ColorSpecify using set Brush Color
13.Specify using Red, Green and Blue hex valuesSpecify using Red, Green and Blue hex values
14.Specify using Alpha, Red Green and Blue hex valuesSpecify using Alpha, Red Green and Blue hex values
15.Specify using Red, Green and Blue hex values (2 digits per value)Specify using Red, Green and Blue hex values (2 digits per value)
16.Specify using Alpha, Red, Green and Blue hex values (2 digits per value)Specify using Alpha, Red, Green and Blue hex values (2 digits per value)
17.Specify Red, Green and Blue using scRGB formatSpecify Red, Green and Blue using scRGB format
18.Specify Alpha, Red, Green and Blue using scARGB formatSpecify Alpha, Red, Green and Blue using scARGB format
19.An alternative form of specifying colors is the floating point wide gamut linear RGB color space (scRGB)An alternative form of specifying colors is the floating point wide gamut linear RGB color space (scRGB)
20.Fill an Ellipse with Cyan and Draw the border with Black colorFill an Ellipse with Cyan and Draw the border with Black color
21.Horizontal Linear GradientHorizontal Linear Gradient
22.Multicolored GradientMulticolored Gradient
23.Fill Rectangle with Gradient colorFill Rectangle with Gradient color