Bagikan melalui

Cara: Menggambar Teks ke Latar Belakang Kontrol

Anda dapat menggambar teks langsung ke latar belakang kontrol dengan mengonversi string teks menjadi FormattedText objek, lalu menggambar objek ke kontrol DrawingContext. Anda juga dapat menggunakan teknik ini untuk menggambar ke latar belakang objek yang berasal dari Panel, seperti Canvas dan StackPanel.

Cuplikan layar kontrol yang menampilkan teks sebagai latar belakang.
Contoh kontrol dengan latar belakang teks kustom

Contoh

Untuk menggambar ke latar belakang kontrol, buat objek baru DrawingBrush dan gambar teks hasil konversi ke dalam DrawingContext objek tersebut. Kemudian, tetapkan yang baru DrawingBrush ke properti latar belakang kontrol.

Contoh kode berikut menunjukkan cara membuat FormattedText objek dan menggambar ke latar belakang objek Label dan Button .

// 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;
    }
}

Lihat juga