XAML 綁定對象數組中的對象

Question

我正在嘗試實現到XAMLMapControl 的自定義路由，該路由將具有可選和可移動點（示例地圖點）以及連接它們的折線，並且可以通過可見性屬性打開/關閉。 我有一個 Route 類和一個自定義用戶控件，它應該從我發送給它的路由類中生成折線和點。 我通過路由數組將路由對象發送給它。 問題是我無法讓它實際獲取數據並渲染點和折線。 這是我的 RouteControl.XAML

<UserControl x:Class="Map_Test.RouteControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:map="clr-namespace:MapControl;assembly=MapControl.WPF">
<UserControl.Resources>
<Style x:Key="PointItemStyle" TargetType="map:MapItem" >
        <Setter Property="map:MapPanel.Location" Value="{Binding Location}"/>
        <Setter Property="Foreground" Value="Black"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="map:MapItem">
                <Canvas>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="Disabled"/>
                            <VisualState x:Name="MouseOver">
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetName="labelBackground" Storyboard.TargetProperty="Opacity" To="0.7" Duration="0:0:0.1"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="SelectionStates">
                            <VisualState x:Name="Unselected"/>
                            <VisualState x:Name="Selected">
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetName="selectedPath" Storyboard.TargetProperty="Opacity" To="0.7" Duration="0:0:0.1"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Path x:Name="selectedPath" Fill="White" Opacity="0">
                        <Path.Data>
                            <EllipseGeometry RadiusX="15" RadiusY="15"/>
                        </Path.Data>
                    </Path>
                    <Path StrokeThickness="2" Fill="Transparent">
                        <Path.Stroke>
                            <SolidColorBrush Color="Gray"/>
                        </Path.Stroke>
                        <Path.Data>
                            <EllipseGeometry RadiusX="8" RadiusY="8"/>
                        </Path.Data>
                    </Path>
                    <Grid Canvas.Left="15" Canvas.Top="-8">
                        <Rectangle x:Name="labelBackground" Fill="White" Opacity="0"/>
                        <!--local:OutlinedText Margin="1" OutlineThickness="1.5" Text="{Binding Name}"/-->
                    </Grid>
                </Canvas>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Panel.ZIndex" Value="1"/>
        </Trigger>
    </Style.Triggers>
</Style>
</UserControl.Resources>
<map:MapPanel>
    <map:MapPolyline Locations="{Binding Locations, RelativeSource={RelativeSource AncestorType=UserControl}}"
                     Stroke="{Binding Foreground, RelativeSource={RelativeSource AncestorType=UserControl}}"
                     StrokeThickness="3"/>
    <map:MapItemsControl ItemsSource="{Binding Points}"
                             ItemContainerStyle="{StaticResource PointItemStyle}"
                             IsSynchronizedWithCurrentItem="True"
                             SelectionMode="Extended"
                             MouseLeftButtonDown="PathMouseLeftButtonDown"
                             MouseLeftButtonUp="PathMouseLeftButtonUp"
                             MouseMove="PathMouseMove"/>       
</map:MapPanel>

我的路線類

    public class RoutePoint : PropertyChangedBase
{
    private Location location;
    public Location Location
    {
        get { return location; }
        set
        {
            location = value;
            NotifyOfPropertyChange(() => location);
        }
    }
}

public class Route : PropertyChangedBase
{
    public ObservableCollection<RoutePoint> Points { get; set; }
    public BindableCollection<Location> Locations{ get; set; }
    public bool Visible { get; set; }
    public Route()
    {
        Locations = new BindableCollection<Location>();
        Points = new ObservableCollection<RoutePoint>();
        Visible = true;
        Location = new Location();
    }
}

}

我像這樣創建對象

<DataTemplate x:Key="RouteTemplate">
        <local:RouteControl DataContext="Routes"></local:RouteControl>
    </DataTemplate>
...
<map:MapItemsControl ItemTemplate="{StaticResource RouteTemplate}"
                             ItemsSource="{Binding Routes}"/>

如何從 xaml 訪問 Route 集合的每個對象中的 Locations 數組和 RoutePoints 數組？

Answer 1

找到了一個解決方案：我沒有制作自定義控件，而是使用面板中的控件制作了自定義樣式。 這是它的樣子

   <Style x:Key="RouteTemplate"  TargetType="map:MapItem">
        <Style.Triggers>
            <DataTrigger Binding="{Binding Visible}" Value="True"></DataTrigger>
        </Style.Triggers>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="map:MapItem">
                    <map:MapPanel>
                    <map:MapPolyline Locations="{Binding Locations}" Stroke="Red" StrokeThickness="3"/>
                        <map:MapItemsControl ItemsSource="{Binding Points}"
                             ItemContainerStyle="{StaticResource PointItemStyle}"
                             IsSynchronizedWithCurrentItem="True"
                             SelectionMode="Extended" AllowDrop="True"/>
                    </map:MapPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

我像這樣綁定它

<map:MapItemsControl ItemContainerStyle="{StaticResource RouteTemplate}"
                             ItemsSource="{Binding Routes}"/>