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>

我的问题是如何在矩形中添加文字/内容？

有人可能建议使用代码块，但是如果你查看我的代码，你会注意到矩形会在鼠标悬停时改变它的颜色。所以如果我在矩形上放置一个文本块，鼠标悬停没有正常工作（因为文本块覆盖整个矩形）。

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

接下来的建议可能是使用一个按钮。我会，但我的矩形有圆角半径，有点圆形，如果我使用一个按钮，很难实现。

那么如何在矩形内添加内容/文字？

Answer 1

如果您觉得必须使用矩形，请将其放在网格中并在其上方添加TextBlock元素。

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

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

在矩形WPF中添加内容/文本

1 个答案: