UWP AdaptiveGridView ItemContainerStyleSelector不起作用

Question

我面临UWP的新问题。这次我尝试显示具有不同项目的AdaptiveGrid，因此我为每个项目都有一个DataTemplate选择器，最后要做的是：根据类更改每个ItemHeight的GridViewItem。 DataTemplateSelector的工作就像一个魅力。...因此，我创建了一个StyleSelector：

public class CardStyleTemplateSelector : StyleSelector
    {

        public Style CategoryStyle { get; set; }
        public Style ReceipeStyle { get; set; }


        public new Style SelectStyle(object item, DependencyObject container)
        {
            switch (item)
            {
                case Category category:
                    return CategoryStyle;
                case Receipe receipe:
                    return ReceipeStyle;
            }
            return null;
        }
    }

非常简单...所以我添加了一些样式：

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Style x:Key="Category" TargetType="controls:AdaptiveGridView">
        <Setter Property="ItemHeight" Value="240"/>
        <Setter Property="Background" Value="Azure" />
    </Style>
    <Style x:Key="Receipe" TargetType="controls:AdaptiveGridView">
        <Setter Property="ItemHeight" Value="400"/>
    </Style>
</ResourceDictionary>

并在我的页面上完成此XAML：

<controls:AdaptiveGridView
            Padding="{StaticResource MediumLeftRightMargin}"
            animations:Connected.ListItemElementName="itemThumbnail"
            animations:Connected.ListItemKey="animationKeyCategoryOverview"
            DesiredWidth="220"
            Margin="0,50,0,0"
            IsItemClickEnabled="True"
            ItemClick="OnItemClick"

            ItemsSource="{x:Bind Source,Mode=OneWay}"
            SelectionMode="None"
            StretchContentForSingleRow="False"
            ItemTemplateSelector="{StaticResource TemplateSelector}"
            >
            <controls:AdaptiveGridView.ItemContainerStyleSelector>
                <templateSelectors:CardStyleTemplateSelector ReceipeStyle="{}" CategoryStyle="{StaticResource Category}" />
            </controls:AdaptiveGridView.ItemContainerStyleSelector>

最后，我的背景没有改变...所以，也许你们中的一个可以指出我正确的方向...

Answer 1

CardStyleTemplateSelector的实现不正确，您需要重写其SelectStyleCore以返回不同的样式，并且TargetType应该是GridViewItem而不是AdaptiveGridView。例如：

。xaml：

<Style TargetType="GridViewItem" x:Key="Category">
    <Setter Property="Background" Value="LightGray"/>
</Style>

<Style TargetType="GridViewItem" x:Key="Receipe">
    <Setter Property="Background" Value="Red"/>
</Style>

......

<controls:AdaptiveGridView.ItemContainerStyleSelector>
    <local:CardStyleTemplateSelector ReceipeStyle="{StaticResource Receipe}" CategoryStyle="{StaticResource Category}" />
</controls:AdaptiveGridView.ItemContainerStyleSelector>

。cs：

public class CardStyleTemplateSelector : StyleSelector
{

    public Style CategoryStyle { get; set; }
    public Style ReceipeStyle { get; set; }

    protected override Style SelectStyleCore(object item, DependencyObject container)
    {
        switch (item)
        {
            case Category category:
                return CategoryStyle;
            case Receipe receipe:
                return ReceipeStyle;
        }
        return null;
    }
}