条件格式设置

  • 5 分钟

将条件格式设置应用到您的应用中，可以改善用户体验。 切记每个控件都包含略有不同的属性，这意味着某个控件的条件格式设置可能不同于其他控件。 条件格式设置用法示例包括设置图像控件的 Visible 属性，以便在特定用户登录时隐藏控件，或将按钮的 DisplayMode 属性改为 Disabled，直到在窗体控件中的所有字段中输入数据。 条件格式设置可以通过可视指示符和基于条件的已修改功能极大地改善用户体验。

文本颜色的条件格式

沿用我们的示例，使用 Sum 函数，通过一个公式将条件格式设置应用到 lblSum Color 属性。 返回到我们在第 3 单元中创建的练习应用中的第一个屏幕（请参阅屏幕截图）。

  1. 选中 lblSum，转到 Color 属性。 如果选择公式字段，可以看到该字段正下方的信息将显示 RGBA(0, 0, 0, 1) 的值是一个黑色正方形，“Data type”是“Color”。

    lblSum Color 值的屏幕截图，其中突出显示了 RGBA 值以及 Data type 为 Color。

  2. 擦除当前值并在 Color 的 Power fx 输入字段中输入以下内容：

    If(Sum(Value(TextInput2.Text)*Value(TextInput3.Text))>50,Color.Green,Color.Blue)

    Color 属性定义“标签”控件中的文本颜色。 在此示例中，如果两个文本输入控件的 Sum 计算大于 50，颜色将为绿色，否则颜色将为蓝色。 另外，请注意，如果在更改公式后将光标放在编辑栏中，输出数据类型是 Color。

    条件性颜色的屏幕截图。

在 Power Apps 中设置 Color 属性时有不同选项可供选择。 您可在公式中使用 Color.Green 或 Color.Blue（或 Power Apps 中的任何其他预定义颜色）提供颜色对象，如示例所示。 还有一个 ColorValue（使用 CSS 颜色名称和 6 位及 8 位十六进制颜色值）和一个 RGBA 函数，可用于使用任何可创建的颜色方案。

引用 Text 属性以更新颜色

您还可以引用 Text 属性确定 Color 属性。

让我们描绘一个场景，我们希望客户收到基于他们订购的商品的反馈。 如果输入特定产品，我们需要更改摘要文本的颜色。

当您在公式中使用文本作为值时，文本大小写很重要。 因此，我们可以对公式使用 Lower 等函数，比如 Lower(yourtextvalue)，这将以小写形式返回文本值。

尝试将交易记录摘要的 Color 属性中的公式替换为以下公式：

If(Lower(TextInput1.Text) = "apples", Color.YellowGreen, Color.Blue)

交易记录摘要标签的 Color 值以及标签中显示为蓝色的颜色的屏幕截图。

注意，标签文本将立即变为蓝色。 现在将您的应用置于预览模式，并在产品输入字段中键入“Apples”，您可以看到交易记录摘要的文本颜色如何变为黄绿色。 另请注意，我们使用大写“A”输入了“Apples”，但该公式仍然有效。 输入内容的字母大小写并不重要，重要的是拼写。

显示“产品”字段中输入的“Apples”的屏幕截图，其中还有以黄绿色文本显示的摘要消息。

希望您已开始了解画布应用中的条件格式设置如何增强用户体验。 不用关闭练习应用，后面学习数据验证函数时我们会再次使用它。