2
我重写模板进行分组框标题是这样的:鼠标事件被后面的元素搞乱了吗?
<Style x:Key="styleScoreComp" TargetType="{x:Type GroupBox}">
<Setter Property="HeaderTemplate">
<Setter.Value>
<DataTemplate>
<Grid >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0" Text="{Binding}" Foreground="Black" FontWeight="Bold" FontSize="20" VerticalAlignment="Center"/>
<StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center" >
<Composer:AddElementButton Type="Composite"/>
<Composer:AddElementButton Type="Calculation"/>
<Composer:AddElementButton Type="SimulationValue"/>
</StackPanel>
</Grid>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
AddElementButton
<Border x:Name="borderButton" BorderThickness="1" BorderBrush="Silver" CornerRadius="4" Cursor="Hand" Margin="5" Background="White" Width="50" Height="45" MouseEnter="Border_MouseEnter" MouseLeave="Border_MouseLeave" MouseLeftButtonUp="borderButton_MouseLeftButtonUp">
<Canvas HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<Image x:Name="imgType" Source="{Binding TypeImage, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
Cursor="Hand" Stretch="Uniform" Width="24" Height="24" Canvas.Top="3" Canvas.Left="13" />
<Image Canvas.Top="30" Canvas.Left="7" Source="add.png" Cursor="Hand" Stretch="Uniform" Width="36" Height="9" VerticalAlignment="Bottom" />
</Canvas>
</Border>
基本上,它的工作原理,但是当你的鼠标在按键的中间,它认为该鼠标有离开边境管制。当鼠标移动到GroupBox边框的位置时,看起来就像它正在发生。看到这样的画面:
这是怎么回事?