Ellipse

An Ellipse can be used as a button or for graphical design. We can use events (such as MouseEnter and MouseLeave) on an Ellipse.

Please drag an Ellipse from the Toolbox to your WPF window. We will create a graphical element that changes color (and runs code) on mouse over.

Code example

You can change the Fill attribute in the XAML to a color. Also, you can adjust the Stroke—this is the border of the Ellipse.

<Window x:Class="WpfApplication26.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>
        <Ellipse Fill="Salmon"
                 HorizontalAlignment="Left"
                 Height="100"
                 Margin="10,10,0,0"
                 Stroke="Black"
                 VerticalAlignment="Top"
                 Width="100"
                 MouseEnter="Ellipse_MouseEnter"
                 MouseLeave="Ellipse_MouseLeave"/>
    </Grid>
</Window>
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

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

        private void Ellipse_MouseEnter(object sender, MouseEventArgs e)
        {
            // ... Change Ellipse to a blue color.
            var ellipse = sender as Ellipse;
            ellipse.Fill = Brushes.AliceBlue;
        }

        private void Ellipse_MouseLeave(object sender, MouseEventArgs e)
        {
            // ... Change Ellipse to a red color.
            var ellipse = sender as Ellipse;
            ellipse.Fill = Brushes.Salmon;
        }
    }
}

MouseEnter, MouseLeave

We use these 2 events to make the Ellipse interactive. In Ellipse_MouseEnter, we cast the sender argument to an Ellipse with the as-cast.

As part of WPF programs, you can draw and transform shapes, such as the Ellipse. This makes graphical, interactive programs easier to develop.