Using LinearGradientBrush to draw a 3D button : LinearGradientBrush « Windows Presentation Foundation « C# / C Sharp

1. C# / C Sharp
2. Windows Presentation Foundation
3. LinearGradientBrush

Using LinearGradientBrush to draw a 3D button

    
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <Rectangle Width="80" Height="30">
        <Rectangle.Fill>
            <VisualBrush>
                <VisualBrush.Visual>
                    <Grid Width="80" Height="26">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="2*" />
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                        <Rectangle Grid.RowSpan="2" RadiusX="13" RadiusY="13">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Color="Red" Offset="0" />
                                    <GradientStop Color="DarkRed" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
         
                        </Rectangle>

                        <Rectangle Margin="3,2" RadiusX="8" RadiusY="12">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Color="#dfff" Offset="0" />
                                    <GradientStop Color="#0fff" Offset="1" />
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>

                    </Grid>
                </VisualBrush.Visual>
            </VisualBrush>
        </Rectangle.Fill>
    </Rectangle>

</Page>

   
    
    
    
  

Related examples in the same category

1.	Diagonal linear gradient - multiple colors
2.	Diagonal linear gradient multiple colors 2
3.	Diagonal linear gradient with 0.5 Offset for White
4.	Horizontal linear gradient
5.	Vertical linear gradient
6.	LinearGradientBrush SpreadMethod
7.	LinearGradientBrush SpreadMethod=Reflect
8.	LinearGradientBrush SpreadMethod=Repeat
9.	RadialGradientBrush SpreadMethod=Pad
10.	RadialGradientBrush SpreadMethod=Reflect
11.	RadialGradientBrush SpreadMethod=Repeat
12.	This rectangle is painted with a diagonal linear gradient
13.	This rectangle is painted with a horizontal linear gradient
14.	This rectangle is painted with a vertical gradient
15.	This rectangle is painted with a radial gradient
16.	LinearGradientBrush examples with GradientStop as Resources
17.	Applies a RotateTransform to the brush's RelativeTransform property
18.	GradientStopCollection
19.	LinearGradientBrush Opacity from 1 to 0
20.	Animated GradientStop Offset
21.	Animated GradientStop Color
22.	Animated GradientStop Opacity