如何在longlistselector中设置datatemplate的z索引

时间:2014-03-03 15:46:40

标签: canvas z-index datatemplate longlistselector

我有一个longlistselector,其中包含我在此longlistselector中添加的某些图像。 我还更改了此图像的边距以使图像上下移动等等。 但我想把这张图片放在这个longlistselector的另一张图片的前面。我尝试过使用Canvas.Zindex。 我已经尝试在网格级别,图像级别和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>

提前致谢,

1 个答案:

答案 0 :(得分:1)

我只使用过WPF,但xaml应该是相同的。

我没有看到你在Canvas.ZIndex上引用的Canvas。所以我认为你想要的是将列表的面板设置为画布,然后在列表中设置Zindex的时间。

<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>