如何在 WPF 中向形状添加文本

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/16386680/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-09-13 08:43:50  来源:igfitidea点击:

How to add text to the shapes in WPF

c#.netwpf

提问by Muhammad Umer

I am drawing Circleon an WPFwindow. The problem is that I am unable add Textto the Circle. The code is given below:

CircleWPF窗户上画画。问题是我无法添加TextCircle. 代码如下:

public Graphics()
{
    InitializeComponent();

    StackPanel myStackPanel = new StackPanel();
    Ellipse myel = new Ellipse();
    SolidColorBrush mscb = new SolidColorBrush();
    mscb.Color = Color.FromArgb(255, 255, 0, 0);
    myel.Fill = mscb;
    myel.StrokeThickness = 2;
    myel.Stroke = Brushes.Black;
    myel.Width = 100;
    myel.Height = 100;
    //string str = "hello";
    myStackPanel.Children.Add(myel);
    this.Content = myStackPanel;
}

Please help me in this regard.

请在这方面帮助我。

回答by H.B.

Shapes are simply shapes, if you want to add text then add both the shape and a TextBlockwith your text to a common container which lays them on top of each other, e.g. a Gridwithout rows or columns.

形状只是形状,如果您想添加文本,则将形状和TextBlock带有文本的 a添加到一个公共容器中,该容器将它们放在彼此的顶部,例如 aGrid没有行或列。

In XAML:

在 XAML 中:

<Grid>
    <Ellipse Width="100" .../>
    <TextBlock Text="Lorem Ipsum"/>
</Grid>

C#

C#

var grid = new Grid();
grid.Children.Add(new Ellipse { Width = 100, ... });
grid.Children.Add(new TextBlock { Text = "Lorem Ipsum" });

回答by anhoppe

Or you can use direct positioning in a Canvas if you prefer direct control over the draw position:

或者,如果您更喜欢直接控制绘制位置,则可以在 Canvas 中使用直接定位:

My sample defines a UI control that draws rectangles with text in it:

我的示例定义了一个 UI 控件,用于绘制带有文本的矩形:

XAML:

XAML

<UserControl x:Class="DrawOnCanvas"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:MySample"
         mc:Ignorable="d" 
         d:DesignHeight="450" d:DesignWidth="800">
<Grid>
    <Canvas x:Name="DrawCanvas" Height="30"/>
</Grid>

Code behind:

后面的代码:

    // You might e.g. call this in the constructor of DrawOnCanvas
    internal void DrawRectWithText()
    {
        var rect = new System.Windows.Shapes.Rectangle();
        rect.Stroke = new SolidColorBrush(Colors.Black);
        rect.Fill = new SolidColorBrush(Colors.Beige);

        rect.Width = 100;
        rect.Height = 100;

        // Use Canvas's static methods to position the rectangle
        Canvas.SetLeft(rect, 100);
        Canvas.SetTop(rect, 100);

        var text = new TextBlock()
        {
            Text = task.Title,
        };

        // Use Canvas's static methods to position the text
        Canvas.SetLeft(text, 90);
        Canvas.SetTop(text, 90);

        // Draw the rectange and the text to my Canvas control.
        // DrawCanvas is the name of my Canvas control in the XAML code
        DrawCanvas.Children.Add(rect);
        DrawCanvas.Children.Add(text);
    }