2014-03-03 15 views
6

Ich habe einen Longlistselector mit bestimmten Bildern, die ich in diesem Longlistselector hinzufüge. Ich ändere auch die Ränder dieses Bildes, um das Bild nach oben oder unten gehen zu lassen und so weiter. Aber ich möchte dieses Bild vor ein anderes Bild in diesem Longlistselector stellen. Ich habe versucht, Canvas.Zindex zu verwenden. Ich habe versucht, es auf der Grid-Ebene zu setzen, auf Image-Ebene und auf der obersten Ebene des Longlistselectors.() Aber es funktioniert immer noch nicht. Hat jemand eine Idee?Wie setze ich den Zindex von Datatemplate in einem Longlistselector

<phone:LongListSelector 

      x:Name="SouthLongListselector" 
      VerticalAlignment="Bottom" 
      ItemsSource="{Binding Cards}" 
      Canvas.ZIndex="{Binding Layer}" 
      SelectionChanged="SouthLongListselector_SelectionChanged" 
      LayoutMode="Grid" 
      GridCellSize="50,200" 
      Margin="0,0,0,-26" 
      > 

     <phone:LongListSelector.ItemTemplate > 
      <DataTemplate> 
       <Grid 
        Background="Transparent" 
        Margin="{Binding GridOffset}" 
        Height="150" 
        Width="110"      
        > 
        <!-- add image here--> 
        <Image 
          Source="{Binding Image}" 
          > 
        </Image> 

       </Grid> 

      </DataTemplate> 
     </phone:LongListSelector.ItemTemplate>     
    </phone:LongListSelector> 

Vielen Dank im Voraus,

Antwort

1

Ich habe nur verwendet WPF aber XAML sollte gleich sein: Sie können meinen Code unten finden.

Ich sehe nicht Ihre Canvas, die Sie irgendwo verweisen so Canvas.ZIndex. Also ich denke, was Sie wollen, ist das Panel der Liste zu einem Canvas und legen Sie dann den Index für die Zeiten in der Liste.

<phone:LongListSelector.ItemsPanel> 
    <ItemsPanelTemplate> 
     <Canvas/> 
    </ItemsPanelTemplate> 
</phone:LongListSelector.ItemsPanel> 
<phone:LongListSelector.ItemTemplate > 
     <DataTemplate> 
      <Grid 
       Canvas.ZIndex"{Binding Layer}" 
       Background="Transparent" 
       Margin="{Binding GridOffset}" 
       Height="150" 
       Width="110"      
       > 
       <!-- add image here--> 
       <Image 
         Source="{Binding Image}" 
         > 
       </Image> 

      </Grid> 

     </DataTemplate> 
    </phone:LongListSelector.ItemTemplate> 
Verwandte Themen