WpfMediaLinearGrad1( WPF )

Objectives:
  • Frame Control
  • Point first = new Point(0, 0);
    Point second = new Point(1, 1);

Step:1 Create a New project

Now Drag One Eclipse and two Frame controls to the Design pane of the MainWindow

Step:2 Codes used:

MainWindow.xaml

<Window x:Class="WpfMediaLinearGrad1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Frame Height="122" HorizontalAlignment="Left" Margin="265,12,0,0"
Name="frame1" VerticalAlignment="Top" Width="196"
Source="Page1.xaml">

</Frame>
<Frame Height="132" HorizontalAlignment="Left" Margin="268,156,0,0" Name="frame2" VerticalAlignment="Top" Width="198" />
<Ellipse Height="122" HorizontalAlignment="Left" Margin="74,104,0,0"
Name="ellipse1" Stroke="Black" VerticalAlignment="Top"
Width="130" >

</Ellipse>
<Image Height="88" HorizontalAlignment="Left" Source="green_twig.gif"
Margin="99,104,0,0" Name="image1" Stretch="Fill"
VerticalAlignment="Top" Width="79" ToolTip="Image1" />
</Grid>
</Window>
 

MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfMediaLinearGrad1
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();

Point first = new Point(0, 0);
Point second = new Point(1, 1);

LinearGradientBrush lgb = new LinearGradientBrush(Colors.BlanchedAlmond, Colors.Red, first, second);
frame1.Background = lgb;
Fill_UP();
Eclipse_Gradient();
}
private void Fill_UP()
{
// Create a diagonal linear gradient with four stops.
LinearGradientBrush lgb2 =
new LinearGradientBrush();
lgb2.StartPoint = new Point(0, 0);
lgb2.EndPoint = new Point(1, 1);
lgb2.GradientStops.Add(
new GradientStop(Colors.Yellow, 0.0));
lgb2.GradientStops.Add(
new GradientStop(Colors.Red, 0.25));
lgb2.GradientStops.Add(
new GradientStop(Colors.Blue, 0.75));
lgb2.GradientStops.Add(
new GradientStop(Colors.LimeGreen, 1.0));
frame2.Background = lgb2;

}
private void Eclipse_Gradient()
{
// Ellipse = new Ellipse();
ellipse1.Width = 200;
ellipse1.Height = 100;

// Create a diagonal linear gradient with four stops.
LinearGradientBrush lgb3 =
new LinearGradientBrush();
lgb3.StartPoint = new Point(0, 0);
lgb3.EndPoint = new Point(1, 1);
lgb3.GradientStops.Add(
new GradientStop(Colors.Yellow, 0.0));
lgb3.GradientStops.Add(
new GradientStop(Colors.Red, 0.25));
lgb3.GradientStops.Add(
new GradientStop(Colors.Blue, 0.75));
lgb3.GradientStops.Add(
new GradientStop(Colors.LimeGreen, 1.0));

// Use the brush to paint the rectangle.

ellipse1.Fill = lgb3;

}
}
}
 

Step:3 Runtime views