c# – 在通用Windows应用程序中,如果视图模型中的属性发生更改,如何使用xaml更改按钮的背景颜色和数据绑定

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了c# – 在通用Windows应用程序中,如果视图模型中的属性发生更改,如何使用xaml更改按钮的背景颜色和数据绑定，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2568字，纯文字阅读大概需要4分钟。

内容图文

通用Windows应用程序不支持数据触发器.

如果没有数据触发器,只有在视图模型中的布尔属性发生更改时,如何使用xaml和数据绑定更改按钮的背景颜色？

例如,给定这个XAML：

<StackPanel>
    <Button Name="ButtonA" Click="ButtonA_Click" Content="A" />
    <Button Name="ButtonB" Click="ButtonB_Click" Content="B" />
    <Button Name="ButtonC" Click="ButtonC_Click" Content="C" />
</StackPanel>

这个代码背后

private void ButtonA_Click(object sender, RoutedEventArgs e)
{
    Model.IsOnA = !Model.IsOnA;
}

private void ButtonB_Click(object sender, RoutedEventArgs e)
{
    Model.IsOnB = !Model.IsOnB;
}

private void ButtonC_Click(object sender, RoutedEventArgs e)
{
    Model.IsOnC = !Model.IsOnC;
}

当视图模型中的相应属性发生更改时,使用数据绑定更改按钮背景颜色的最佳方法是什么？

我只能使用VisualStateManager管理器使其适用于一个按钮：

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup>
        <VisualState>
            <VisualState.StateTriggers>
                <StateTrigger IsActive="{x:Bind Model.IsOnA, Mode=OneWay}" />
            </VisualState.StateTriggers>
            <VisualState.Setters>
                <Setter Target="ButtonA.Background" Value="Red"></Setter>
                <Setter Target="ButtonA.Foreground" Value="White"></Setter>
            </VisualState.Setters>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

但是有多个按钮绑定到视图模型中的不同属性,这种方法不起作用.

解决方法:

您可以在以下链接中查看我之前的答案. Delete button on ListView items

您只需要创建一个将Boolean转换为SolidColorBrush的转换器.例如：

public class BooleanToColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        return (value is bool && (bool)value) ? new SolidColorBrush(Colors.Red) : new SolidColorBrush(Colors.Green);
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new Exception("Not Implemented");
    }
}

并将其添加到您的Xaml Binding中.

<Page.Resources>
    <local:BooleanToColorConverter x:Key="ColorConverter"/>
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ListView ItemsSource="{x:Bind Activities}">
        <ListView.ItemTemplate>
            <DataTemplate x:DataType="local:Activity">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="3*"/>
                        <ColumnDefinition Width="1*"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock x:Name="txt" Text="{x:Bind Name}" Grid.Column="0"/>
                    <Button x:Name="delItem" Click="delItem_Click" Grid.Column="1" Foreground="{x:Bind Visible, Mode=OneWay, Converter={StaticResource ColorConverter}}" Background="Transparent" Margin="100, 0, 0, 0">
                        <SymbolIcon Symbol="Delete"/>
                    </Button>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

希望这可以帮助.

内容总结

以上是互联网集市为您收集整理的c# – 在通用Windows应用程序中,如果视图模型中的属性发生更改,如何使用xaml更改按钮的背景颜色和数据绑定全部内容，希望文章能够帮你解决c# – 在通用Windows应用程序中,如果视图模型中的属性发生更改,如何使用xaml更改按钮的背景颜色和数据绑定所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端