【问题标题】:How to change a font color in a DataTemplate from codebehind?如何从代码隐藏更改 DataTemplate 中的字体颜色?
【发布时间】:2015-04-12 21:59:08
【问题描述】:

我有一个像这样应用于 ListBoxItems 的 XAML DataTemplate。注意底部附近的网格。我想做的是根据文本的值更改绑定文本的颜色,如“状态:错误”中的“错误”为红色。

<DataTemplate x:Key="ItemTemplate">
    <Border BorderBrush="Gray" BorderThickness="1">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="3*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Rectangle Grid.Row="0" Grid.Column="0">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                        <GradientStop Color="#FFA9A9A9" Offset="1.0"/>
                        <GradientStop Color="#FFF4F4F5" Offset="0.0"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Label Content="{Binding Name}" FontSize="22" Grid.Row="0" Grid.Column="0" VerticalAlignment="Center"/>
            <Rectangle Grid.Row="1" Grid.Column="0"  Grid.RowSpan="3">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                        <GradientStop Color="#FFF0F0F1" Offset="1.0"/>
                        <GradientStop Color="#FFF4F4F5" Offset="0.0"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Grid Grid.Row="1" Grid.Column="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="2*"/>
                </Grid.ColumnDefinitions>
                <Label Content="Status:"/>
                <Label Content="{Binding Status}" Grid.Column="1"/>
            </Grid>
            <Label Content="{Binding Bookmark}" ContentStringFormat="Last Bookmark: {0}" Grid.Row="3" Grid.Column="0"/>
        </Grid>
    </Border>
</DataTemplate>

如何从后面的代码 (C#) 更改绑定状态 &lt;Label&gt; 中文本文本的颜色?

(或者,如果不是来自后面的代码,XAML 中的情况如何?状态可以有 3 个文本值(Queued、Running 和 Error),每个都与分配的颜色(蓝色、绿色和红色)匹配)

【问题讨论】:

  • 使用&lt;DataTrigger

标签: c# xaml datatemplate


【解决方案1】:

根据@SLaks 的提示,我能够得出完整的答案。这是给其他人的:

这个:

<Grid Grid.Row="1" Grid.Column="0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="2*"/>
    </Grid.ColumnDefinitions>
    <Label Content="Status:"/>
    <Label Content="{Binding Status}" Grid.Column="1"/>
</Grid>

变成这样:

<Grid Grid.Row="1" Grid.Column="0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="2*"/>
    </Grid.ColumnDefinitions>
    <Label Content="Status:"/>
    <Label Content="{Binding Status}" Grid.Column="1">
        <Label.Style>
            <Style TargetType="Label">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Status}" Value="RUNNING">
                        <Setter Property="Label.Foreground" Value="Green"></Setter>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Status}" Value="ERROR">
                        <Setter Property="Label.Foreground" Value="Red"></Setter>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Status}" Value="QUEUED">
                        <Setter Property="Label.Foreground" Value="Blue"></Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Label.Style>
    </Label>
</Grid>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-03
    • 2018-08-30
    • 2012-10-16
    • 2019-10-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-23
    相关资源
    最近更新 更多