如何访问metro应用程序中列表框的datatemplate内存在的控件?

时间:2013-07-25 06:50:53

标签: windows-8 windows-store-apps winrt-xaml datatemplate

我正在开发一个Windows 8 metro应用程序,其中我有一个列表框,其中包含一组文本块和一个图像。

<ListBox x:Name="lstbxbStudents" Background="Transparent"  ItemContainerStyleSelector="{StaticResource ItemStyleSelector}" ScrollViewer.VerticalScrollBarVisibility="Auto" ItemTemplate="{StaticResource LandscapeItemTemplate}"   Height="476"    SelectionChanged="lstbxbProducts_SelectionChanged_1"  Style="{StaticResource ListBoxStyle1}" HorizontalAlignment="Left" Width="901">
</ListBox>

对于那个图像ImgCmt我已经在列表框的datatemplate中设置了Image静态源。

<Page.Resources> 

    <CollectionViewSource x:Name="cvs2" IsSourceGrouped="true" />
    <!-- TODO: Delete this line if the key AppName is declared in App.xaml -->
    <x:String x:Key="AppName">Students Screen</x:String>

    <DataTemplate x:Key="LandscapeItemTemplate" >
        <StackPanel Orientation="Horizontal">
            <StackPanel Width="30"></StackPanel>
            <StackPanel Width="120"  Orientation="Horizontal">
                <TextBlock Text="{Binding stunum}" VerticalAlignment="Center" HorizontalAlignment="Left" />
            </StackPanel>
            <StackPanel Width="350">
                <TextBlock Text="{Binding studsc}"   HorizontalAlignment="Left" />
            </StackPanel>
            <StackPanel Width="10"></StackPanel>
            <StackPanel   Width="100">
                <TextBlock Text="{Binding stuum}" x:Name="txtblkstuum"   HorizontalAlignment="Left" />
                </StackPanel>    
            <StackPanel Width="150">
                <TextBlock Text="{Binding stugrp}" VerticalAlignment="Center" TextAlignment="Right" HorizontalAlignment="Center" />
            </StackPanel>
            <StackPanel Width="100">
                <TextBlock Text="{Binding stusection, Mode=TwoWay}"  TextAlignment="Center" x:Name="txtbxbstusection" Tag="{Binding stunum}"     VerticalAlignment="Center"   HorizontalAlignment="Right" />
            </StackPanel>
            <StackPanel Width="50"></StackPanel>
            <StackPanel>
                <Image  Source="Assets/comments.png" Name="ImgCmt"  PointerPressed="Image_PointerPressed_1" VerticalAlignment="Center" Width="20" Height="20"></Image>
            </StackPanel>        
        </StackPanel>
    </DataTemplate>

</Page.Resources>

我的目标是我想在代码隐藏中将图像的源更改为不同的图像源(更改图像),因为我需要访问metro应用程序中列表框的datatemplate内部存在的控件吗? / p>

我该怎么做:

  1. 如何访问metro app中列表框的datatemplate中存在的控件?

  2. 我可以通过哪些不同的方式来做到这一点?

  3. 如何根据某些条件将图像源更改为代码隐藏中的不同图像源(更改图像)?

1 个答案:

答案 0 :(得分:3)

这是一个常见的问题。我们都至少问了一次。问题是这些控件没有唯一的名称,因为它们位于转发器中。因此,您无法在XAML中使用逻辑树。逻辑树是允许您按名称调用的东西。相反,您需要在XAML中使用可视化树。可视化树使您可以访问屏幕上的所有内容,包括装饰控件和填充转发器的动态呈现元素。因为可视化树太大并且因为重复器重复,所以您仍然必须约束可视树的范围,以便可以可靠地找到要查找的控件。我希望这是有道理的。

此处的解决方案:http://blog.jerrynixon.com/2012/09/how-to-access-named-control-inside-xaml.html