英語で読む

次の方法で共有


Header 対照(実験)

[この記事はプレリリース ドキュメントであり、変更されることがあります。]

ナビゲーション エクスペリエンスを作成するために使用されるコントロール。

ヘッダー コントロール。

重要

  • これは試験段階の機能です。
  • 試験段階の機能は運用環境での使用を想定しておらず、機能が制限されている場合があります。 これらの機能を公式リリースの前に使用できるようにすることで、顧客が一足先にアクセスし、そこからフィードバックを得ることができます。

説明設定

Header は、一般的にグローバルなアプリの詳細 (アプリ名やページ名など) やナビゲーションアクションを表示するために使用されます (ホームへの移動や戻るボタンなど)。

Header コンポーネントは、デフォルトの Power Apps ヘッダを置き換えることができ、異なる外観や動作が必要な場合に使用します。

コントロールは、アプリの実行時に幅が変化する性質があるため、エクスペリエンスが確実に応答するために、レイアウト コンテナーとともに使用する必要があります。

このキャンバスコンポーネントは、既定の Power Apps ヘッダーのスタイルと動作を模倣し、実際に置き換えることができます (下記の動作のセクションを参照)。

プロパティ​​

重要なプロパティ

Property 説明設定
Text コントロールの中央に表示されるテキスト
BackButtonVisible 戻るボタンを表示する場合は有効、それ以外の場合は LeftButtonImage を表示 (該当する場合)
LeftButtonImage コントロールの左端に表示される画像
LeftButtonVisible LeftButtonImage を表示するようにする
RightButtonImage コントロールの右端に表示される画像
RightButtonVisible RightButtonImage を表示するようにする
ContentWidth コントロール内のコンテンツの幅

スタイル プロパティ

Property 説明設定
Color コントロール センターの文字の色
HeaderFill ヘッダーの塗りつぶしの色 (Theme の原色と異なる色が必要な場合)
Width コントロールの幅
Theme テーマ オブジェクト。 構成方法に関するガイドラインは、テーマ を参照してください。

イベントのプロパティ

Property 説明設定
OnLeftButtonSelect 左ボタン選択時に実行される動作式 (表示時)
OnRightButtonSelect 左ボタン選択時に実行される動作式 (表示時)
OnBackSelect 戻るボタン選択時に実行される動作式 (表示時)

Behavior

既定の Power Apps ナビゲーション バーを Header に置き換える

*キャンバス アプリにのみ適用されます*

ヘッダーのみを表示する場合は、クエリ パラメータ hideNavBar でアプリのリンクを共有することにより、Power Apps プレーヤでレンダリングされる既定のナビゲーション バーを非表示にすることができます:

https://apps.powerapps.com/play/APPID?source=iframe&hidenavbar=true

APPID はアプリの値に置き換わります。 既定のナビゲーションバーなしでレンダリングするには、パラメータが必要であることに注意してください。 Maker Portal から直接再生するなど、クエリ パラメータなしで再生されるキャンバス アプリは、引き続き既定のバーをレンダリングします。

制限

このキャンバス コンポーネントは、キャンバス アプリでのみ使用可能です。 カスタム ページで使用することもできますが、モデル駆動型アプリにページが埋め込まれるため、不必要となる可能性が高いです。