我的自定义控件Waypoint出现问题,其事件由相同类型的另一个自定义控件处理。
概述
我正在努力将这些 Waypoint 自定义控件放在另一个自定义控件MapUserControl上,该控件以地图为背景。
这是我目前拥有的图片
这是 Waypoint 自定义控件的 XAML:
<UserControl x:Name="MyWaypointControl" x:Class="MADAssignment1.Waypoint"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
d:DesignHeight="35" d:DesignWidth="35" Opacity="0.5"
Tap="Waypoint_Tap">
<UserControl.Resources>
<Storyboard x:Name="FadeInStoryBoard">
<DoubleAnimation
Storyboard.TargetName="MyWaypointControl"
Storyboard.TargetProperty="Opacity"
From="0.0" To="0.5" Duration="0:0:0.3"
AutoReverse="False"/>
</Storyboard>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="Transparent">
<Ellipse x:Name="BackgroundCircle" Fill="Blue" HorizontalAlignment="Left" Height="35" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Top" Width="35"/>
<TextBlock x:Name="NumberLabel" HorizontalAlignment="Left" TextAlignment="Center" Margin="4,6,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="22" RenderTransformOrigin="0.211,0.467" FontSize="15" Width="26"/>
</Grid>
这是 MapUserControl 自定义控件的 XAML:
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:MADAssignment1" x:Name="MapUserControl" x:Class="MADAssignment1.Map"
mc:Ignorable="d"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
d:DesignHeight="531" d:DesignWidth="493" SizeChanged="MapUserControl_SizeChanged">
<Grid x:Name="LayoutRoot" Background="Transparent">
<Image x:Name="MapImage" Height="532" VerticalAlignment="Top" Source="/Assets/background image.jpg" Stretch="Fill" Loaded="MapImage_Loaded"/>
<TextBlock x:Name="MinLongitudeLabel" HorizontalAlignment="Left" Margin="33,0,0,511" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="15"/>
<TextBlock x:Name="MiddleLongitudeLabel" HorizontalAlignment="Left" Margin="200,0,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="15"/>
<TextBlock x:Name="MaxLongitudeLabel" HorizontalAlignment="Left" Margin="382,0,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="15"/>
<TextBlock x:Name="MinLatitudeLabel" HorizontalAlignment="Left" Margin="4,21,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="15"/>
<TextBlock x:Name="MiddleLatitudeLabel" HorizontalAlignment="Left" Margin="4,250,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="15"/>
<TextBlock x:Name="MaxLatitudeLabel" HorizontalAlignment="Left" Margin="4,512,0,-1" TextWrapping="Wrap" Text="" VerticalAlignment="Top" FontSize="15"/>
</Grid>
如您所见,它们都相当简单。
问题
当我点击航点时,它们并不总是按预期工作,我会说它是 ~50/50。
这是 Waypoint_Tap 的事件处理程序:
private void Waypoint_Tap(object sender, GestureEventArgs e)
{
BackgroundCircle.Fill = new SolidColorBrush(Colors.Red);
}
再次,简单。
问题是事件处理程序中的发送者对象并不总是我点击的路点,而是总是地图上的另一个路点。
以下是重现该问题的步骤。
- 我点击 Waypoint #7,事件处理程序的发送者是 Waypoint #7 用户控件,所以它变成了红色。
- 我点击 Waypoint #2,事件处理程序的发送者又是 Waypoint #7,所以它变成了红色。
- 每当我点击 Waypoint #2 时,Waypoint #7 都会变成红色。
现在看到我正在动态添加航点,我认为这可能会导致问题,所以这是我如何将航点添加到 MapUserControl 用户控件:
var newWaypoint = new Waypoint(waypointNumber, latitude, longitude);
newWaypoint.Name = "wayPoint" + waypointNumber;
newWaypoint.Opacity = 100;
double leftMargin = CalculateLeftMargin(longitude);
double topMargin = CalculateTopMargin(latitude);
newWaypoint.Margin = new Thickness(leftMargin, topMargin, 0, 0);
LayoutRoot.Children.Add(newWaypoint);
我还认为可能是 GestureEventArgs 正在冒泡/隧道到另一个控件,但我无法判断,因为我找不到它使用的 RoutingStrategy 类型。
正如MSDN所说,我真的希望有一个直接的 RoutingStrategy
直接:只有源元素本身有机会调用处理程序作为响应。这类似于 Windows 窗体用于事件的“路由”。
我相信我已经将 Waypoint 设置为使用 Windows 窗体之类的事件,但我只能希望。