Question

我对UWP有点新意。我花了两天时间寻找这个答案，但还没有得到答案。我知道我可能会接近这个完全错误。感谢所有帮助！

我在App.xaml文件中创建了SolidColorBrush StaticResource：

    <Application.Resources>
         <SolidColorBrush x:Key="colorClockStatus" Color="#cae0d5" />
    </Application.Resources>`

我已将此画笔绑定到几页上几个按钮的Background属性。例如，我按下这样的按钮：

    <Button Background="{StaticResource colorClockStatus}"/>

效果很好，按钮背景是所需的红色。当我更改StaticResource的颜色时会出现问题。按钮颜色不会改变。如果我在换色后打开另一页，新页面上的按钮将根据需要显示为绿色，但我无法在已打开的页面上找到一个按钮来改变颜色。

所以这是场景。当用户为“ClockedIn”时，绑定按钮需要为绿色，当用户退出时，绑定按钮需要变为红色，反之亦然。这是App.xaml.vb文件中的后端代码：

    Public Shared ClockedIn As Boolean = False

    Public Shared Sub SetClockedStatus(ByVal bClockedIn As Boolean)
        ClockedIn = bClockedIn
        With Application.Current
            If bClockedIn Then
                .Resources("colorClockStatus") = Color.FromArgb(255, 202, 224, 213) 'Green
            Else
                .Resources("colorClockStatus") = Color.FromArgb(255, 227, 184, 179) 'Red
            End If
        End With
    End Sub

当用户点击“ClockIn”按钮时，将调用上面的代码。我想我需要一个INotifyPropertyChanged事件让UI知道colorClockStatus属性已更改，因此需要重绘按钮，但我不知道如何使用StaticResource执行此操作。我也尝试过实现一个VisualStateManager，并创建两个SaticResources之间的按钮切换（这似乎是一种更好的方式），但我无法弄清楚如何设置触发器依赖于布尔'ClockIn'变量，然后全局实现管理器。

那么如何让UI根据布尔变量改变颜色？

谢谢！

更新

我一直在努力解决这个问题，并使用StateTriggerBase类here找到了一个示例。我调整了此代码以适用于布尔属性。以下是我改编的课程：

    Public Class ClockedInTrigger
        Inherits StateTriggerBase
        Private _ClockedIn As Boolean = False

        Public Property ClockedIn As Boolean
            Get
                Return _ClockedIn
            End Get
            Set
                If Not Value.Equals(_ClockedIn) Then
                    _ClockedIn = _ClockedIn
                    SetActive(ClockedIn = _ClockedIn)
                End If
            End Set
        End Property
    End Class

然后，我做了两个，而不是只有一个StaticResource：

    <Application.Resources>
         <SolidColorBrush x:Key="colorClockInLight" Color="#cae0d5" />
         <SolidColorBrush x:Key="colorClockOutLight" Color="#e3b8b3" />
    </Application.Resources>

然后我在我的MainPage中添加了VisualStateManager来测试它：

    <VisualStateManager.VisualStateGroups>
       <VisualStateGroup x:Name="ClockInStates">                
            <VisualState x:Name="vsClockedOut">
                <VisualState.StateTriggers>
                    <local:ClockedInTrigger ClockedIn="False" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="HamburgerButton.Background" Value="{StaticResource colorClockOutLight}" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="vsClockedIn">
                <VisualState.StateTriggers>
                    <local:ClockedInTrigger ClockedIn="True" />
                </VisualState.StateTriggers>
                <VisualState.Setters>
                    <Setter Target="HamburgerButton.Background" Value="{StaticResource colorClockInLight}" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

当我打开程序并且按钮是绿色时，我真的很兴奋！（默认情况下，按钮是红色的）但令我失望的是，当我退出时，按钮没有变回红色。我使用了调试器并且正在调用SetActive(ClockedIn = _ClockedIn)方法，但UI不会更改。我的装订有问题吗？我需要调用一些方法来刷新UI吗？

Answer 1

为了实现您的目标，我认为您可以利用StateTrigger以及InvertBoolConverter之类的优势：

XAML：

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup x:Name="ClockInStates">
        <VisualState x:Name="vsClockedOut">
            <VisualState.StateTriggers>
                <StateTrigger IsActive="{x:Bind ClockedIn, Converter={StaticResource InvertBoolConverter}, Mode=OneWay}" />
            </VisualState.StateTriggers>
            <VisualState.Setters>
                <Setter Target="HamburgerButton.Background" Value="{StaticResource colorClockOutLight}" />
            </VisualState.Setters>
        </VisualState>
        <VisualState x:Name="vsClockedIn">
            <VisualState.StateTriggers>
                <StateTrigger IsActive="{x:Bind ClockedIn, Mode=OneWay}" />
            </VisualState.StateTriggers>
            <VisualState.Setters>
                <Setter Target="HamburgerButton.Background" Value="{StaticResource colorClockInLight}" />
            </VisualState.Setters>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

InvertBoolConverter：

Public Class InvertBoolConverter
    Implements IValueConverter

    Public Function Convert(value As Object, targetType As Type, parameter As Object, language As String) As Object Implements IValueConverter.Convert
        Dim boolValue = CBool(value)
        Return Not boolValue
    End Function

    Public Function ConvertBack(value As Object, targetType As Type, parameter As Object, language As String) As Object Implements IValueConverter.ConvertBack
        Dim boolValue = CBool(value)
        Return Not boolValue
    End Function
End Class

此外，您可以尝试WindowsStateTriggers，它是自定义视觉状态触发器的集合。您可以使用StateTrigger和IsFalseStateTrigger代替InvertBoolConverter。此外，请注意您需要为ClockedIn属性实施INotifyPropertyChanged才能使其正常运行。

UWP / VB.Net - 根据变量

1 个答案: