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






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. LinearGradientBrush
<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>
WPF Using Linear Gradient Brush To Draw A3 D Button




24.101.LinearGradientBrush
24.101.1.Reflected GradientReflected Gradient
24.101.2.Multicolored GradientMulticolored Gradient
24.101.3.Horizontal Linear Gradient and GradientStopHorizontal Linear Gradient and GradientStop
24.101.4.Diagonal linear gradient - multiple colorsDiagonal linear gradient - multiple colors
24.101.5.Diagonal linear gradient multiple colors 2Diagonal linear gradient multiple colors 2
24.101.6.Diagonal linear gradient with 0.5 Offset for WhiteDiagonal linear gradient with 0.5 Offset for White
24.101.7.Horizontal linear gradientHorizontal linear gradient
24.101.8.Vertical linear gradientVertical linear gradient
24.101.9.LinearGradientBrush SpreadMethodLinearGradientBrush SpreadMethod
24.101.10.LinearGradientBrush SpreadMethod=ReflectLinearGradientBrush SpreadMethod=Reflect
24.101.11.LinearGradientBrush SpreadMethod=RepeatLinearGradientBrush SpreadMethod=Repeat
24.101.12.RadialGradientBrush SpreadMethod=PadRadialGradientBrush SpreadMethod=Pad
24.101.13.RadialGradientBrush SpreadMethod=ReflectRadialGradientBrush SpreadMethod=Reflect
24.101.14.RadialGradientBrush SpreadMethod=RepeatRadialGradientBrush SpreadMethod=Repeat
24.101.15.This rectangle is painted with a diagonal linear gradientThis rectangle is painted with a diagonal linear gradient
24.101.16.This rectangle is painted with a horizontal linear gradientThis rectangle is painted with a horizontal linear gradient
24.101.17.This rectangle is painted with a vertical gradientThis rectangle is painted with a vertical gradient
24.101.18.This rectangle is painted with a radial gradientThis rectangle is painted with a radial gradient
24.101.19.LinearGradientBrush examples with GradientStop as ResourcesLinearGradientBrush examples with GradientStop as Resources
24.101.20.Applies a RotateTransform to the brush's RelativeTransform propertyApplies a RotateTransform to the brush's RelativeTransform property
24.101.21.GradientStopCollectionGradientStopCollection
24.101.22.LinearGradientBrush Opacity from 1 to 0LinearGradientBrush Opacity from 1 to 0
24.101.23.Animated GradientStop OffsetAnimated GradientStop Offset
24.101.24.Animated GradientStop ColorAnimated GradientStop Color
24.101.25.Animated GradientStop OpacityAnimated GradientStop Opacity
24.101.26.Using LinearGradientBrush to draw a 3D buttonUsing LinearGradientBrush to draw a 3D button
24.101.27.Create LinearGradientBrush
24.101.28.Set start point and end point for LinearGradientBrush from Vector
24.101.29.Using LinearGradientBrush to paint the window background
24.101.30.Create LinearGradientBrush and use it as stoke
24.101.31.WPF LinearGradientBrush
24.101.32.Set brush mapping mode to Absolute