Metro App ListView SelectedItem Selected VisualState答案

【问题标题】：Metro App ListView SelectedItem Selected VisualStateMetro App ListView SelectedItem Selected VisualState
【发布时间】：2013-06-05 07:46:16
【问题描述】：

我有一个 Metro 应用，其 ListView 包含以下定义：

        <ListView Grid.Row="0" x:Name="lv" CanDragItems="True" CanReorderItems="True" IsTabStop="True" SelectionMode="Extended" VirtualizingStackPanel.VirtualizationMode="Recycling">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid Width="{Binding ElementName=lv, Path=ActualWidth}">
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>

                        <Grid Grid.Row="0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="65"/>
                            </Grid.ColumnDefinitions>

                            <TextBlock Grid.Column="0" x:Name="tb1" Foreground="{StaticResource SecondaryColourBrush}" HorizontalAlignment="Stretch"/>

                            <TextBlock Grid.Column="4" x:Name="tb2" Foreground="{StaticResource SecondaryColourBrush}" HorizontalAlignment="Right"/>

                        </Grid>

                        <Grid Grid.Row="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="65"/>
                            </Grid.ColumnDefinitions>

                            <TextBlock Grid.Column="0" x:Name="tb3" Foreground="{StaticResource QuadColourBrush}" HorizontalAlignment="Stretch" TextTrimming="WordEllipsis"/>

                            <TextBlock Grid.Column="1" x:Name="tb4" Foreground="{StaticResource QuadColourBrush}" HorizontalAlignment="Right"/>

                        </Grid>

                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

当ListView 选择了一个项目时，我想将tb1 和tb2 ONLY 的Foreground 更改为White。我该怎么做？

我尝试为 Selected 覆盖 Themed Brushes 和 VisualStateGroup SelectionStates，但没有帮助。一个工作代码示例将不胜感激。

【问题讨论】：

我已经answered你了，没用吗？
不...以为是，但没有。甚至创建了一个虚拟项目，以防我的场景太复杂 - 但仍然无法正常工作。
检查这些：stackoverflow.com/questions/14551766/… & gist.github.com/brendankowitz/5619131

标签： windows-runtime microsoft-metro winrt-xaml .net-4.5

【解决方案1】：

终于解决了这个，感谢这篇文章给了我这个想法：

http://blog.davemdavis.net/2012/11/12/controlling-the-datatemplate/

创建了BooleanToColourConverter

public sealed class BooleanToColourConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        return (value is bool && (bool)value) ? AppResources.TertiaryColourBrush : AppResources.PrimaryColourBrush;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        return value is SolidColorBrush && ((SolidColorBrush)value).Color == AppResources.TertiaryColourBrush.Color;
    }
}

在 App.xaml 中添加了这个

<common:BooleanToColourConverter x:Key="BooleanToColourConverter"/>

然后这样使用：

Foreground="{Binding Tag, Converter={StaticResource BooleanToColourConverter}, Mode=TwoWay, RelativeSource={RelativeSource Mode=TemplatedParent}}"

【讨论】：