问控件的边框在适当时间不显示。
EN

Stack Overflow用户

提问于 2014-01-02 05:49:53

回答 3查看 63关注 0票数 0

我正在尝试创建一个像Visual这样的设计器。

假设我有一个网格。里面有一个TextBox和一个TextBlock。为了更好地理解，请看下面的示例代码：

<Page.Resources>
    <Style x:Key="myStyle" TargetType="{x:Type Border}">
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="BorderThickness" Value="2" />
        <Style.Triggers>
           <Trigger Property="IsMouseOver" Value="True">
               <Setter Property="BorderBrush" Value="DodgerBlue" />
           </Trigger>
        </Style.Triggers>
    </Style>
</Page.Resources>

<Border Style="myStyle">
    <Grid>
        <Border Style="myStyle">
            <TextBox ...... />
        </Border>
        <Border Style="myStyle">
            <TextBlock ...... />
        </Border>
    </Grid>
</Border>

现在，当我在任何元素上使用mouseOver时，我想在它周围设置一个边框。

我的问题：

当鼠标光标在文本块上时，我得到网格周围的边框，以及textblock周围的边框。
当我的鼠标光标越过网格的空白区域时，边框将不显示。

所需经费：

当鼠标光标经过文本块时，网格周围的边框应该变得不可见。
当鼠标光标越过网格中的空区域时，网格周围的边框将变得可见。

请建议我在上述代码中所做的更改，以获得所需的功能。

xaml

wpf-controls

wpf

回答 3

Stack Overflow用户

发布于 2014-01-02 05:54:24

你为什么把myStyle分配到外部边界？别管那个了。

票数 0

Stack Overflow用户

发布于 2014-01-02 06:06:53

他说:我想，你的想法，与炽热的父母边界是不好的。因为每当用户将鼠标放在网格上时，它就会闪烁。也许，它会惹恼用户:)

2:尝试将Grid.Background=设置为“透明”。

票数 0

Stack Overflow用户

发布于 2014-01-02 07:19:42

尝尝这个

<Grid Background="LightGray" >
        <Grid.Triggers>
            <EventTrigger RoutedEvent="MouseEnter">
                <BeginStoryboard>
                    <Storyboard >
                        <DoubleAnimation From="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Grid_Bd" Duration="0:0:0.1"></DoubleAnimation>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
            <EventTrigger RoutedEvent="MouseLeave">
                <BeginStoryboard>
                    <Storyboard >
                        <DoubleAnimation From="1" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Grid_Bd" Duration="0:0:0.1"></DoubleAnimation>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Grid.Triggers>

        <Grid Height="50"  Width="50">
            <Border x:Name="TextBlock_Bd" Opacity="0"  BorderBrush="Blue" BorderThickness="1"/>
            <TextBlock Text="Hello !!" HorizontalAlignment="Center" VerticalAlignment="Center">
                <TextBlock.Triggers>
                    <EventTrigger RoutedEvent="MouseEnter">
                        <BeginStoryboard>
                            <Storyboard >
                                <DoubleAnimation From="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="TextBlock_Bd" Duration="0:0:0.1"></DoubleAnimation>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="MouseLeave">
                        <BeginStoryboard>
                            <Storyboard >
                                <DoubleAnimation From="1" To="0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="TextBlock_Bd" Duration="0:0:0.1"></DoubleAnimation>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </TextBlock.Triggers>
            </TextBlock>
        </Grid>
        <Border x:Name="Grid_Bd" Opacity="0"  BorderBrush="Red" BorderThickness="1"/>                           
    </Grid>