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

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

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);

效果图：