PowerApps 包含多重選取和單一選取選項,包括清單方塊、下拉式清單及選項按鈕。 在本主題中,我們會新增這些控制項,並使用 Table 公式來建置清單。 在清單中選取項目時,它會更新其他控制項。

 

必要條件

新增清單方塊

  1. 在 [插入] 索引標籤上,選取 [控制項],然後選取 [清單方塊]:

  2. 將 [清單方塊] 控制項重新命名為 MyListBox

  3. 將其 Items 屬性設定為下列運算式:
    ["circle","triangle","rectangle"]

    您的設計工具會看起來如下:

  4. 在 [插入] 索引標籤上,選取 [圖示],選取圓形,然後將它移至 [清單方塊] 控制項的下方:

  5. 新增三角形和矩形,然後在 [清單方塊] 控制項的下方,將這些形狀排成一列:

  6. 將下列形狀的 Visible 屬性設定為下列函數:

    形狀 將 Visible 函數設定為
    圓形 If("circle" in MyListBox.SelectedItems.Value, true)
    三角形 If("triangle" in MyListBox.SelectedItems.Value, true)
    矩形 If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. 預覽您所建立的內容 。 選取 [清單方塊] 控制項中的不同形狀。 只有您所選取的形狀會顯示。 按下 ESC 鍵或選取 X 以返回您的畫面。

在上述步驟中,您使用運算式在 [清單方塊] 控制項中建立了一組項目清單。 系統會根據您在 [清單方塊] 控制項中選取的項目,顯示不同的形狀。 您可以將此套用至商務上的其他元素。 例如,您可以使用 [清單方塊] 控制項來顯示產品影像、產品描述及其他內容。

新增選項按鈕

  1. 在 [常用] 索引標籤上,選取 [新增畫面]。

  2. 在 [插入] 索引標籤上,選取 [控制項],然後選取 [選項]。

  3. 將 [選項] 控制項重新命名為 Choices,然後將它的 Items 屬性設定為下列公式:
    ["red","green","blue"]

    若有需要,請調整控制項的大小以顯示所有選項。

  4. 在 [插入] 索引標籤上,選取 [圖示],然後選取圓形。

  5. 將圓形的 Fill 屬性設定為下列函數:
    If(Choices.Selected.Value = "red", RGBA(192, 0, 0, 1), Choices.Selected.Value = "green", RGBA(0, 176, 80, 1), Choices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

    在此公式中,圓形的顏色會根據您所選擇的選項按鈕而產生變化。

  6. 將圓形移至 [選項] 控制項的下方,如下列範例所示:

  7. 預覽您所建立的內容: 。 選取不同的選項按鈕以變更圓形的顏色。 按下 ESC 鍵或選取 X 以返回您的畫面。

新增下拉式清單

  1. 新增畫面,然後新增 [下拉式清單] 控制項。

  2. 將控制項重新命名為 DDChoices,然後將它的 Items 屬性設定為下列公式:
    ["red","green","blue"]

  3. 新增圓形,將它移至 [下拉式清單] 控制項的下方,然後將圓形的 Fill 屬性設定為下列公式:
    If(DDChoices.Selected.Value = "red", RGBA(192, 0, 0, 1), DDChoices.Selected.Value = "green", RGBA(0, 176, 80, 1), DDChoices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

  4. 預覽您所建立的內容: 。 選取不同的選項以變更圓形的顏色。