Så här gör du: Rita text på en kontrolls bakgrund

Du kan rita text direkt till en kontrolls bakgrund genom att konvertera en textsträng till ett FormattedText objekt och sedan rita objektet till kontrollens DrawingContext. Du kan också använda den här tekniken för att rita till bakgrunden av objekt som härletts från Panel, till exempel Canvas och StackPanel.

Exempel på kontroller med anpassad textbakgrund

Exempel

Om du vill rita till bakgrunden av en kontroll skapar du ett nytt DrawingBrush objekt och ritar den konverterade texten till objektets DrawingContext. Tilldela sedan den nya DrawingBrush till kontrollens bakgrundsegenskap.

I följande kodexempel visas hur du skapar ett FormattedText objekt och ritar till bakgrunden för ett Label- och Button-objekt.

// Handle the WindowLoaded event for the window.
private void WindowLoaded(object sender, EventArgs e)
{
    // Update the background property of the label and button.
    myLabel.Background = new DrawingBrush(DrawMyText("My Custom Label"));
    myButton.Background = new DrawingBrush(DrawMyText("Display Text"));
}

// Convert the text string to a geometry and draw it to the control's DrawingContext.
private Drawing DrawMyText(string textString)
{
    // Create a new DrawingGroup of the control.
    DrawingGroup drawingGroup = new DrawingGroup();

    // Open the DrawingGroup in order to access the DrawingContext.
    using (DrawingContext drawingContext = drawingGroup.Open())
    {
        // Create the formatted text based on the properties set.
        FormattedText formattedText = new FormattedText(
            textString,
            CultureInfo.GetCultureInfo("en-us"),
            FlowDirection.LeftToRight,
            new Typeface("Comic Sans MS Bold"),
            48,
            System.Windows.Media.Brushes.Black // This brush does not matter since we use the geometry of the text.
            );

        // Build the geometry object that represents the text.
        Geometry textGeometry = formattedText.BuildGeometry(new System.Windows.Point(20, 0));

        // Draw a rounded rectangle under the text that is slightly larger than the text.
        drawingContext.DrawRoundedRectangle(System.Windows.Media.Brushes.PapayaWhip, null, new Rect(new System.Windows.Size(formattedText.Width + 50, formattedText.Height + 5)), 5.0, 5.0);

        // Draw the outline based on the properties that are set.
        drawingContext.DrawGeometry(System.Windows.Media.Brushes.Gold, new System.Windows.Media.Pen(System.Windows.Media.Brushes.Maroon, 1.5), textGeometry);

        // Return the updated DrawingGroup content to be used by the control.
        return drawingGroup;
    }
}

Se även

• FormattedText
• Teckning av formaterad text