Question

在Windows商店应用程序项目中，我有GridView，在代码后面我将List<FileObjects>绑定到其ItemsSource。

<GridView x:Name="filesIcons" ItemTemplateSelector="{StaticResource FileTemplateSelector}" Grid.Column="3" ItemClick="GridView_ItemClick" HorizontalContentAlignment="Right" HorizontalAlignment="Right" IsItemClickEnabled="True" SelectionMode="Single" />

以及根据项目上的文件类型使用的这些DataTemplate。

        <DataTemplate x:Key="pdfTemplate">
        <Border x:Name="IconBorder" Width="83" BorderBrush="Transparent" BorderThickness="5" CornerRadius="2" Margin="0,10,0,0" >
            <Image Width="83" Source="ms-appx:///Images/Meetings/FileTypes/pdf.png" ></Image>
        </Border>
    </DataTemplate>

    <DataTemplate x:Key="docTemplate">
        <Border x:Name="IconBorder" Width="83" BorderBrush="Transparent" BorderThickness="5" CornerRadius="2" Margin="0,10,0,0" >
            <Image Width="83" Source="ms-appx:///Images/Meetings/FileTypes/word.png" ></Image>
        </Border>
    </DataTemplate>

    <DataTemplate x:Key="xlsTemplate">
        <Border x:Name="IconBorder" Width="83" BorderBrush="Transparent" BorderThickness="5" CornerRadius="2" Margin="0,10,0,0" >
            <Image Width="83" Source="ms-appx:///Images/Meetings/FileTypes/excel.png" ></Image>
        </Border>
    </DataTemplate>

    <DataTemplate x:Key="imgTemplate">
        <Border x:Name="IconBorder" Width="83" BorderBrush="Transparent" BorderThickness="5" CornerRadius="2" Margin="0,10,0,0" >
            <Image Width="83" Source="ms-appx:///Images/Meetings/FileTypes/image.png" ></Image>
        </Border>
    </DataTemplate>

    <DataTemplate x:Key="txtTemplate">
        <Border x:Name="IconBorder" Width="83" BorderBrush="Transparent" BorderThickness="5" CornerRadius="2" Margin="0,10,0,0" >
            <Image Width="83" Source="ms-appx:///Images/Meetings/FileTypes/text.png" ></Image>
        </Border>
    </DataTemplate>

    <DataTemplate x:Key="pptTemplate">
        <Border x:Name="IconBorder" Width="83" BorderBrush="Transparent" BorderThickness="5" CornerRadius="2" Margin="0,10,0,0" >
            <Image Width="83" Source="ms-appx:///Images/Meetings/FileTypes/text.png" ></Image>
        </Border>
    </DataTemplate>



    <local:FileTemplateSelector x:Key="FileTemplateSelector" 
                                pdf="{StaticResource pdfTemplate}"
                                doc="{StaticResource docTemplate}"
                                xls="{StaticResource xlsTemplate}"
                                img="{StaticResource imgTemplate}"
                                ppt="{StaticResource pptTemplate}"
                                txt="{StaticResource txtTemplate}"/>

当我点击BorderBrush中的一个项目时，我想知道如何更改GridView属性例如，我将有一排10个图标，当我点击其中一个时，BorderBrush将变为蓝色而不是透明。

Answer 1

我这样做的一种方法是将名为“ItemSelected”的属性添加到“FileObject”类中。

然后在GridView_ItemClick处理程序中，您需要为所选项目将“ItemSelected”设置为true，并为所有其他项目设置false。

然后在每个边框定义中添加以下内容：

            <i:Interaction.Behaviors>
                <core:DataTriggerBehavior Binding="{Binding ItemSelected}" Value="False">
                    <core:ChangePropertyAction PropertyName="BorderBrush" Value="Transparent">
                    </core:ChangePropertyAction>
                </core:DataTriggerBehavior>
                <core:DataTriggerBehavior Binding="{Binding ItemSelected}" Value="True">
                    <core:ChangePropertyAction PropertyName="BorderBrush" Value="Blue">
                    </core:ChangePropertyAction>
                </core:DataTriggerBehavior>
            </i:Interaction.Behaviors>

*此示例使用Behaviors SDK，因此如果您还没有它，则需要安装它并引用程序集。您还需要将以下内容添加到xaml文件中：

xmlns:i="using:Microsoft.Xaml.Interactivity"
xmlns:core="using:Microsoft.Xaml.Interactions.Core"

Winrt - 单击GridView中的项目时更改DataTemplate中的属性值

1 个答案: