windows-runtime – Metro App ListView SelectedItem选择VisualState

我有一个带有ListView的Metro App,其中包含以下定义：

<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的前景更改为白色.我该怎么做呢？

我尝试重写Themed Brushes和VisualStateGroup SelectionStates for Selected,但没有帮助.一个工作代码示例将不胜感激.

最后解决了这个问题,感谢这篇文章给了我这个想法：

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,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}}"

windows-runtime – Metro App ListView SelectedItem选择VisualState

猜你在找的Windows相关文章