Power Apps 中的色彩和邊框屬性
概觀
根據使用者與其互動的方式,設定控制項的樣式。
您可以用許多方式指定色彩:
Color 枚舉:指定層疊樣式表中的色彩名稱,如下列範例所示:
- Color.Red
- Color.Indigo
ColorValue 函式:指定文字字串,例如,層疊樣式表和十六進位代碼標記法(#)中的色彩名稱,如下列範例所示:
- ColorValue( "AliceBlue" )
- ColorValue( "#ff00ff" )
ColorFade 函式:指定色彩淡出的方式,從全黑(-100%)到全白(100%),如下列範例所示:
- ColorFade( Color.Red, 50% )
RGBA 函式:指定顏色中的紅色、綠色和藍色元件的分量(從 0 至 255),並指定從 0%(完全透明)到 100%(完全不透明)的 Alpha 色板,如下例所示:
- RGBA( 255, 0, 255, 25% )
色彩屬性也可以參照其他色彩屬性。 例如,Label.PressedColor 可能會設定為公式 Label1.Color,自動將一個屬性的變更級聯為另一個。
一般
當使用者未與控制項互動時,這些屬性會正常作用。
BorderColor – 控制項邊框的色彩。
- 適用於**新增圖片、音訊、按鈕、相機、卡片、核取方塊、柱狀圖、日期選取器、顯示表單、下拉式選單、編輯表單、匯出、資源庫、HTML 文字、圖像、匯入、標籤、折線圖、清單方塊、麥克風、PDF 閱讀器、手寫筆輸入、圓餅圖、單選、評分、滑桿、文字輸入、計時器、切換開關** 和**視訊** 等控制項。
BorderStyle – 決定控制項的邊框為實線、虛線、點線或無。
- 適用於**新增圖片、音訊、按鈕、相機、卡片、核取方塊、柱狀圖、日期選取器、顯示表單、下拉式選單、編輯表單、匯出、資源庫、HTML 文字、圖像、匯入、標籤、折線圖、清單方塊、麥克風、PDF 閱讀器、手寫筆輸入、圓餅圖、單選、評分、滑桿、文字輸入、計時器、切換開關** 和**視訊** 等控制項。
BorderThickness – 控制項邊框的粗細。
- 適用於**新增圖片、音訊、按鈕、相機、卡片、核取方塊、柱狀圖、日期選取器、顯示表單、下拉式選單、編輯表單、匯出、資源庫、HTML 文字、圖像、匯入、標籤、折線圖、清單方塊、麥克風、PDF 閱讀器、手寫筆輸入、圓餅圖、單選、評分、滑桿、文字輸入、計時器、切換開關** 和**視訊** 等控制項。
Color – 控制項文字的色彩。
Drop Shadow - 新增控制項周圍的陰影效果。
Fill – 控制項背景的色彩。
- 適用於**新增圖片、音訊、按鈕、卡片、核取方塊、日期選取器、顯示表單、下拉式選單、編輯表單、匯出、資源庫、HTML 文字、圖示、圖像、匯入、標籤、清單方塊、麥克風、PDF 閱讀器、手寫筆輸入、單選、評分、畫面、圖形、文字輸入、計時器、切換開關** 和**視訊** 等控制項。
焦點
當控制項為焦點時,這些屬性才有效。
FocusedBorderColor – 當控制項為焦點時的控制項邊框色彩。
FocusedBorderThickness – 當控制項為焦點時的邊框粗細。
- 這些屬性適用於**新增圖片、附件、音訊、按鈕、相機、核取方塊、組合方塊、日期選取器、下拉式選單、匯出、資源庫、圖示、圖像、匯入、標籤、清單方塊、麥克風、單選、評分、圖形、滑桿、文字輸入、計時器、切換開關** 和**視訊** 等控制項。
已停用
當控制項停用時,這些屬性會產生作用。 如果 DisplayMode 屬性設為停用,則可以停用控制項。
DisabledBorderColor – 控制項的 DisplayMode 屬性設為 Disabled 時,該控制項邊框所呈現的色彩。
- 適用於**新增圖片、按鈕、核取方塊、柱狀圖、日期選取器、下拉式選單、匯出、HTML 文字、圖像、匯入、標籤、折線圖、清單方塊、麥克風、PDF 閱讀器、圓餅圖、單選、滑桿、文字輸入、計時器** 和**切換開關** 等控制項。
DisabledColor – 控制項的 DisplayMode 屬性設為 Disabled 時,該控制項文字所呈現的色彩。
DisabledFill – 控制項的 DisplayMode 屬性設為 Disabled 時,該控制項背景所呈現的色彩。
暫留
當使用者將滑鼠留停在控制項上時,這些屬性會產生作用。
HoverBorderColor – 使用者將滑鼠游標停留在控制項上時,該控制項邊框所呈現的色彩。
- 適用於**新增圖片、按鈕、核取方塊、柱狀圖、下拉式選單、匯出、HTML 文字、圖像、匯入、標籤、折線圖、清單方塊、麥克風、PDF 閱讀器、圓餅圖、滑桿、文字輸入、計時器** 和**切換開關** 等控制項。
HoverColor – 使用者將滑鼠游標停留在控制項上時,該控制項文字所呈現的色彩。
HoverFill – 使用者將滑鼠游標停留在控制項上時,該控制項背景所呈現的色彩。
按下
按下按鈕或圖像控制項時,這些屬性會產生作用。
PressedBorderColor – 使用者點選或按一下控制項時,該控制項邊框所呈現的色彩。
- 適用於**新增圖片、按鈕、核取方塊、柱狀圖、下拉式選單、匯出、圖示、圖像、匯入、標籤、折線圖、清單方塊、麥克風、PDF 閱讀器、圓餅圖、圖形、滑桿、文字輸入、計時器** 和**切換開關** 等控制項。
PressedColor – 使用者點選或按一下控制項時,該控制項文字所呈現的色彩。
PressedFill – 使用者點選或按一下控制項時,該控制項背景所呈現的色彩。
選取
當使用者選取控制項中的項目時,這些屬性會產生作用。
SelectionColor – 所選項目或清單中項目的文字色彩,或手寫筆控制項中選取工具的色彩。
SelectionFill – 所選項目或清單中項目的背景色彩,或手寫筆控制項中所選取區域的背景色彩。
顏色順序
控制項可以處於多個狀態。 例如:聚焦和懸停。 按以下順序僅使用一種顏色:
- 停用
- 按下
- 暫留
- 焦點
- 標準