在矩形 WPF 中添加 content/text

Question

这是我的矩形代码：

 <Rectangle x:Name="rect1" Grid.Column="1"  Fill="#FF5C626C" HorizontalAlignment="Left" Height="50" Margin="36,171,0,0" StrokeThickness="2" VerticalAlignment="Top" Width="358" RadiusX="30" RadiusY="50">
        <Rectangle.Triggers>
        </Rectangle.Triggers>
        <Rectangle.Style>

            <Style TargetType="Rectangle">
                <Style.Triggers>

                    <EventTrigger RoutedEvent="Rectangle.MouseEnter">
                        <BeginStoryboard>
                            <Storyboard>
                                <ParallelTimeline  >
                                    <ColorAnimation Storyboard.TargetProperty="Fill.Color" To="#FF767C84" />
                                </ParallelTimeline>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="Rectangle.MouseLeave">
                        <BeginStoryboard>
                            <Storyboard>
                                <ParallelTimeline  >
                                    <ColorAnimation Storyboard.TargetProperty="Fill.Color" To="#FF5C626C" />
                                </ParallelTimeline>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
        </Rectangle.Style>
    </Rectangle>

我的问题是如何在矩形中添加 text/content？

有人可能会建议使用代码块，但如果你仔细阅读我的代码，你会注意到矩形会改变它的颜色 mouseover.So 如果我在矩形上放置一个文本块，鼠标悬停不会'无法正常工作（因为文本块覆盖了整个矩形）。

另一个建议是使用 border.But 我不确定这个，因为我需要找到代码以在边框上应用鼠标悬停效果。

下一个建议可能是使用按钮 instead.I 但我的矩形有圆角半径并且有点圆，如果我使用按钮，将很难实现。

那么如何在矩形内添加content/text？

Answer 1

如果您觉得一定要使用矩形，请将其放入网格中并在其上方添加一个 TextBlock 元素。

通过将 TextBlock 的 IsHitTestVisible property 设置为 False，所有点击测试（鼠标事件）都将被忽略并落入您的矩形。

<Grid>
    <Rectangle (...your attributes here...)>
        (...your rectangle code here...)
    </Rectangle>
    <TextBlock Text="Hello World!" IsHitTestVisible="False" />
</Grid>

在矩形 WPF 中添加 content/text

Adding content/text in rectangle WPF

wpf

xaml

rectangles