PowerApps 突出显示库中的选定项目

PowerApps是Microsoft提供的一款低代码平台，允许用户创建和部署应用程序，同时与数百种数据源集成。其中之一的功能是可以在应用程序中使用库中的数据。在这篇文章中，我们将介绍如何在PowerApps中突出显示库中选定的项目，这可以提高用户的体验，使其更加易于阅读和理解。

准备工作

在能够突出显示库中的选定项目之前，我们需要完成一些准备工作：

• 创建一个PowerApps应用程序并将其连接到所需的库。我们可以使用现有的应用程序，或者创建一个新的应用程序，并将其连接到所需的库。
• 将所需的数据显示在应用程序中。这可以通过在应用程序中添加一个轮廓（Gallery）来完成，然后从所连接的库中选择需要显示的字段和数据。

突出显示选定的项目

一旦准备工作完成后，我们可以开始突出显示选定的项目。我们将使用以下三个控件：

• Timer 控件：控制高亮效果的启动和停止时间。
• Rectangles 控件（矩形控件）：用于显示高亮效果。
• Control 控件：用于触发高亮效果。

以下是详细的步骤：

步骤 1: 添加一个 Timer 控件

首先，我们需要向应用程序中添加一个 Timer 控件。点击“插入”，然后找到 Timer 控件并将其添加到应用程序中。将它重命名为“HighlightTimer”。

步骤 2: 添加一个矩形控件

接下来，我们需要添加一个或多个矩形控件来显示高亮效果。在此示例中，我们将添加两个矩形控件。请按照以下步骤执行：

• 点击“插入”。
• 点击“形状”。
• 找到“矩形”并将其添加到应用程序中。
• 将其设置为完全透明。
• 将重复这个过程，在所需的位置添加第二个矩形控件。

重复这个过程添加需要的所有矩形，以便我们在应用程序中看到想要的高亮效果。

步骤 3: 将 Timer 控件与 Control 控件关联

现在，我们需要将 Control 控件添加到应用程序中，并将其链接到我们要高亮显示的数据行。 Control 控件在此处用作触发器。按照以下步骤执行：

• 点击“插入”。
• 点击“按扭”。
• 右键单击新控件并选择“重命名”，命名此控件为“HighlightControl”。
• 选择 Control，在动画选项卡上，将旋转设置为 0 度，扩展为“往右”和“缩小”。

步骤 4: 编写高亮效果的公式

现在，我们需要编写公式来启动、停止和控制高亮效果的计时器。在此示例中，我们使用以下公式：

OnSelect 属性

以下公式用于捕捉所点击的数据行并触发高亮效果：

Set(
    SelectedItem,
    ThisItem
);
Reset(HighlightTimer);
StartTimer(HighlightTimer);
Set(
    HighlightPosition,
    Gallery1.AllItems.IndexOf(SelectedItem)
);

Width 属性

以下公式用于设置矩形的宽度，以突出显示所选数据行：

If(
    HighlightTimer.Value >= 0 && HighlightTimer.Value < HighlightTime,
    If(
        HighlightTimer.Value < HighlightTime / 2,
        HighlightTimer.Value * HighlightStepSize,
        (HighlightTime - HighlightTimer.Value) * HighlightStepSize
    ),
    0
)

X 属性

以下公式按水平位置调整矩形：

If(
    Gallery1.AllItems.IndexOf(ThisItem) = HighlightPosition,
    HighlightStartPosition + HighlightNumber * (Width(FirstHighlight) + HighlightSpacing),
    X(FirstHighlight)
)

Y 属性

以下公式按垂直位置调整矩形：

If(
    Gallery1.AllItems.IndexOf(ThisItem) = HighlightPosition,
    HighlightStartPosition,
    Y(FirstHighlight)
)

步骤 5: 修改其他属性

最后，我们需要调整一些其他属性，例如高亮时长、步幅大小、高亮区域的间距等。

现在，我们已经完成了突出显示库中选定的项目的工作。重复此操作，以突出库中的其他所选项目。现在你可以运行你的应用程序，体验突出显示高亮效果，提高用户体验。

以上是突出显示库中选定项目的介绍与操作步骤。如果你想获得更多关于PowerApps的知识，可以访问它们的官方网站。