Paint Grid background with LinearGradientBrush in code : LinearGradientBrush « Graphics « Silverlight






Paint Grid background with LinearGradientBrush in code

Paint Grid background with LinearGradientBrush in code
    
<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 Name="grid1">
    <Grid.RowDefinitions>
      <RowDefinition Height="*" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <TextBox VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
   TextWrapping="Wrap"
     Margin="10,10,13,10" Name="txtQuestion" 
     FontFamily="Verdana" FontSize="24"
     Grid.Row="0" Text="[Place question here.]">
    </TextBox>
    <Button VerticalAlignment="Top" HorizontalAlignment="Left" 
     Margin="10,0,0,20" Width="127" Name="cmdAnswer"
     Click="cmdAnswer_Click" Grid.Row="1" Content="Ask">
    </Button>
    <TextBox VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
     Margin="10,10,13,10" Name="txtAnswer"
     IsReadOnly="True" FontFamily="Verdana" FontSize="24" Foreground="Green"
     Grid.Row="2" Text="[Answer will appear here.]">
    </TextBox>

    <Grid.Background>
      <LinearGradientBrush>
        <LinearGradientBrush.GradientStops>
          <GradientStop Offset="0.00" Color="Yellow" />
          <GradientStop Offset="0.50" Color="White" />
          <GradientStop Offset="1.00" Color="Purple" />
        </LinearGradientBrush.GradientStops>
      </LinearGradientBrush>
    </Grid.Background>
  </Grid>

</UserControl>


//File: Page.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void cmdAnswer_Click(object sender, RoutedEventArgs e)
        {
            txtAnswer.Text = "asdf";

            LinearGradientBrush brush = new LinearGradientBrush();

            GradientStop gradientStop1 = new GradientStop();
            gradientStop1.Offset = 0;
            gradientStop1.Color = Colors.Yellow;
            brush.GradientStops.Add(gradientStop1);
            
            GradientStop gradientStop2 = new GradientStop();
            gradientStop2.Offset = 0.5;
            gradientStop2.Color = Colors.White;
            brush.GradientStops.Add(gradientStop2);

            GradientStop gradientStop3 = new GradientStop();
            gradientStop3.Offset = 1;
            gradientStop3.Color = Colors.Purple;
            brush.GradientStops.Add(gradientStop3);
            
            grid1.Background = brush;
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.Adding a LinearGradientBrushAdding a LinearGradientBrush
2.LinearGradientBrush SpreadMethodLinearGradientBrush SpreadMethod
3.LinearGradientBrush SpreadMethod=ReflectLinearGradientBrush SpreadMethod=Reflect
4.LinearGradientBrush SpreadMethod=RepeatLinearGradientBrush SpreadMethod=Repeat
5.RadialGradientBrush SpreadMethod=PadRadialGradientBrush SpreadMethod=Pad
6.RadialGradientBrush SpreadMethod=ReflectRadialGradientBrush SpreadMethod=Reflect
7.RadialGradientBrush SpreadMethod=RepeatRadialGradientBrush SpreadMethod=Repeat
8.LinearGradientBrush examples with GradientStop as Resources
9.LinearGradientBrush Opacity from 1 to 0
10.Horizontal Linear Gradient and GradientStopHorizontal Linear Gradient and GradientStop
11.Consider the following use of a LinearGradientBrushConsider the following use of a LinearGradientBrush
12.LinearGradientPath and GradientStopCollectionLinearGradientPath and GradientStopCollection
13.A basic LinearGradientBrush rendered diagonallyA basic LinearGradientBrush rendered diagonally
14.A basic LinearGradientBrush rendered horizontallyA basic LinearGradientBrush rendered horizontally
15.A horizontal LinearGradientBrush with multiple transitionsA horizontal LinearGradientBrush with multiple transitions
16.Simulating lighting effects with linear fillsSimulating lighting effects with linear fills