Используя observablecollection и cxml в 1 сводной программе просмотра

Question

Я новичок в pivotviewer а также для silverlight, Я создал observablecollection у которого есть
свойства

public string StaffName { get; set; }
   public string Location {get;set;}

используя метод BuildCollection() Я связываю это с mainpage.xaml следующим образом:

<pivot:PivotViewer x:Name="pViewer">
  <pivot:PivotViewer.ItemTemplates>
    <pivot:PivotViewerItemTemplate MaxWidth="300">
      <Border Width="300" Height="300" 

        <TextBlock Text="{Binding StaffName}" 
                        FontSize="90"
                        FontWeight="Bold"
                        Foreground="White"
                        HorizontalAlignment="Center" 
                        VerticalAlignment="Center" />
      </Border>
    </pivot:PivotViewerItemTemplate>
  </pivot:PivotViewer.ItemTemplates>
</pivot:PivotViewer>

Теперь я хочу связать файл CXML cities.cxml который находится в clientbin который имеет изображения, а также свойство под названием Location. Я хочу создать связь между коллекцией и cxml, чтобы при глубоком увеличении коллекции, показывающей имя персонала, она исчезала в образе города, который находится в коллекции cxml. Например, местоположение Лондона находится в заметной коллекции. Я должен увеличить его до изображения Лондона из файла cxml. Может ли кто-нибудь помочь в достижении этого? Благодарю.

Answer 1

1. Сначала была собрана наблюдаемая коллекция. Здесь я добавил свойство под названием img в наблюдаемой коллекции, которая представляет индекс изображения в файле XML

2. Я связал файл XML с другим шаблоном и в subimagehost Я связал img Индекс поэтому при глубоком увеличении наблюдаемой коллекции я получил изображение также

   <pivot:PivotViewerItemTemplate>
               <Grid Width="800" Height="800" Background="LightGray"  MaxWidth="800">
   
                   <Grid.ColumnDefinitions>
                       <ColumnDefinition Width="200"/>
                       <ColumnDefinition Width="*"/>
                   </Grid.ColumnDefinitions>
                   <Rectangle Fill="{Binding StaffName,  Converter={StaticResource xconv}}"/>
                   <pivot:PivotViewerMultiScaleSubImageHost CollectionSource="http://localhost:65535/ClientBin/Map_files/wr5bbwrn.dre.xml" ImageId="{Binding  img}" >
   
   
                   </pivot:PivotViewerMultiScaleSubImageHost>
   
                                          <TextBlock Text="{Binding Vehicle}"
                       FontSize="40"
                       Margin="150,200,150,150"
                       Grid.Column="1"
                       VerticalAlignment="Bottom"
                       HorizontalAlignment="Center"/>
               </Grid>
           </pivot:PivotViewerItemTemplate>