WPF 在绘图控件(Shape)中添加文字 [2018.7.15]

最新推荐文章于 2025-06-18 15:06:37 发布

原创最新推荐文章于 2025-06-18 15:06:37 发布 · 6.6k 阅读

4 ·

CC 4.0 BY-SA版权

WPF从入门到... 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在WPF应用程序中使用Ellipse元素绘制圆形并在其中心位置添加文本。通过组合使用Shape和TextBlock类，并将它们放置在一个Grid中实现这一效果。文中提供了纯XAML及C#代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Q：使用Shape的子类Ellipse画一个圆，如何在圆中添加文字？

A：Shape类中不包含Text属性。可使用Shape类和TextBlock类组合，放到Grid中来实现。

纯xaml的写法：

<Grid Height="50" Width="50">
    <Ellipse Fill="Yellow" Stroke="Blue" Height="50" Width="50" HorizontalAlignment="Left"></Ellipse>
    <TextBlock Text="5" TextAlignment="Center" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
</Grid>

纯C#的写法：

Grid nodeGrid = new Grid();

Ellipse nodeCircle = new Ellipse();
nodeCircle.Fill = Brushes.Red;
nodeCircle.Stroke = Brushes.Black;
nodeCircle.Width = 50;
nodeCircle.Height = 50;

TextBlock nodeText = new TextBlock();
nodeText.Text = "5";
nodeText.HorizontalAlignment = HorizontalAlignment.Center;
nodeText.VerticalAlignment = VerticalAlignment.Center;
nodeText.TextAlignment = TextAlignment.Center;

nodeGrid.Children.Add(nodeCircle);
nodeGrid.Children.Add(nodeText);

效果图：