WPF Ellipse with BackgroundColor and Image

c# wpf windows-phone fill ellipse
Armando Freire picture Armando Freire · Nov 1, 2012 · Viewed 12.2k times · Source

I'm developing a Windows Phone application and I have some Ellipses. Is it possible to have a background image on them AND a background color?

When I looked for it, VS only allows me to change the Fill property with an image but didn't allow me to keep the Color on Fill + the Image.

Answer

Wonko the Sane picture Wonko the Sane · Nov 1, 2012

Just use two ellipses, overlapping each other:

<Grid>
    <Ellipse Width="100" Height="60" Fill="Navy" />
    <Ellipse Width="100" Height="60">
        <Ellipse.Fill>
            <RadialGradientBrush>
                <GradientStop Color="#00FF0000" Offset="0" />
                <GradientStop Color="#FFFF0000" Offset="1" />
            </RadialGradientBrush>
        </Ellipse.Fill>
    </Ellipse>
</Grid>

Change the fill property of the second to use your image.

Related questions

How to check if DateTime.Now is between two given DateTimes for time part only?

For my app I need to know if Now() is between two values. The user can set a start- and an end-time so he will not disturbed by a notification (during the night for example). So if have got two …

Read More
How to pass values (parameters) between XAML pages?

Similar questions have been asked before but this question strives to explore more options and the ability to pass complex objects. The question is how to pass parameters but it really needs to be broken up into three parts.. When …

Read More
How do you get the button name/tag when the event button.click occurs?

I'm making buttons programatically and adding them to a stack panel so the buttons change each time the user navigates to the page. I'm trying to do something like this where when I click the created button it'll grab the …

Read More