How to: Change a Shape's Fill and Outline Color
- 2 minutes to read
This example describes how to change a shape’s fill and outline color.
The table below lists an API used to change the shape’s fill and outline settings.
| Member | Description |
|---|---|
| ShapeFormatBase.Fill | Provides access to the ShapeFill object containing fill options. |
| ShapeFormatBase.Outline | Provides access to the ShapeOutline object containing outline options. |
| ShapeOutline.Width | Defines the outline thickness. |
| ShapeOutlineFill.SetSolidFill | Fills a shape or its outline with a solid color. |
| ShapeOutlineFill.SetGradientFill | Applies the gradient effect to the shape’s background or outline. |
| ShapeFill.SetPatternFill | Fills the drawing object background or its elements with a repeated pattern. |
| ShapeFill.SetPictureFill | Applies the picture fill to the shape’s background. |
| ShapeOutlineFill.SetNoFill | Makes an element transparent. |
The following code sample changes the shapes’ color options to look as they do on the image below.
// Apply a pattern fill to a frame.
shape.Fill.SetPatternFill(Color.DarkRed, Color.IndianRed, ShapeFillPatternType.Wave);
// Color the outline black.
shape.Outline.SetSolidFill(Color.Black);
// Apply a gradient fill to a pentagon.
shape2.Fill.SetGradientFill(ShapeGradientType.Shape, Color.MediumVioletRed, Color.PaleVioletRed);
// Make the outline transparent.
shape2.Outline.SetNoFill();
// Apply a solid fill to a text box.
shape3.Fill.SetSolidFill(Color.Crimson);
// Change the outline width:
shape3.Outline.Width = 3;
// Add a picture to the explosion's background.
shape4.Fill.SetPictureFill(SpreadsheetImageSource.FromFile("Documents//condiments.png"));
// Apply a gradient fill to an outline.
shape4.Outline.SetGradientFill(ShapeGradientType.Linear, Color.PeachPuff, Color.Peru);