次の方法で共有


シンプル カードを作成する (プレビュー)

この記事では、ユーザーに名前の入力を求め、その名前をカードのタイトルに表示するカードを作成します。 カード デザイナー変数Power Fx を使用できます。

前提条件

Power Apps アカウント

カードを作成する

  1. Power Apps に移動して環境を選択します。

  2. ナビゲーション メニューから、...その他 > カード を選択します。

  3. + カードの作成 を選択します。

  4. カード名HelloWorldCard として入力し、次に 作成 を選択します。

テキスト入力を求める

  1. 要素を追加および削除して新しいカードをカスタマイズする テキストを選択し、削除 アイコン (X) をクリックして削除します。

    カード デザイナーの新規カードで削除するプレースホルダー テキスト ラベルのスクリーンショット。

  2. ナビゲーション メニューから、+ 挿入 を選択します。

  3. ツール ウィンドウで、入力を選択してカテゴリを展開し、テキスト入力を選択します。

    Input コントロールが表示され、テキスト入力コントロールが強調表示されたカード デザイナー ツール ペインのスクリーンショット。

  4. テキスト入力プロパティ ペインで、LabelWhat's your name? に設定します。

    カード デザイナーでラベルされた テキスト入力コントロールを持つカードのスクリーンショット。

変数の割り当て

  1. ナビゲーションメニューから、ツリー ビューを選択し、textInput1 の名前を UserAnswer に変更します。

    テキスト入力コントロールに、ユーザーの入力に関連する変数名を与えます。 たとえば、テキスト入力、ボタン、テキスト ラベルなどです。

    名前を変更したツリー ビューのナビゲーション メニューのテキスト入力コントロールのスクリーンショット。

    ヒント

    Power Fx 式で簡単に使用できるように、変数に説明的で一意の名前を付けます。

    ユーザーの入力をカードのタイトルに追加する別の変数が必要なので、ここで作成しましょう。

  2. ナビゲーション メニューから、変数 を選択します。

  3. + 新規変数 を選択します。

  4. 新規変数 ウィンドウで、名前UserName を入力して、デフォルト値No Name と入力します。 他の値はそのままにしてください。

  5. 保存 を選択します。

    変更可能なプロパティ ペインのスクリーンショット。

  6. キャンバスで、テキスト ラベル コントロールであるカード タイトルを選択します。 コントロールのプロパティ ペインで、 Text="Hello " & UserName に設定します。

    この式は、カードのタイトルを、作成した変数の値が続く文字列 "Hello " に変更します。 数式バーまたはプロパティ ペインに式を入力できます。

    カードのタイトルの Text プロパティに入力された、テキスト式のスクリーンショット。

Power Fx ボタンの追加

  1. ナビゲーション メニューから、+ 挿入 を選択します。

  2. ツール ウィンドウで、入力を選択してカテゴリを展開し、ボタンを選択します。

  3. ボタンのプロパティ ペインで、TitleSay Hello に設定します。

    カード上の名前付きボタン プロパティ ペインとボタンのスクリーンショット。

  4. プロパティ ペインのOn selectの隣にある PowerFx を選択し、数式バーにカーソルを置きます。

  5. 次の Power Fx 式を数式バーに入力します: Set(UserName, UserAnswer)

    この Set() 関数式は、ボタンが選択されると、ユーザーの入力値 UserAnswer をテキスト ラベル (カード タイトル) の UserName 変数に代入します。 この式の別の読み方は、変数 _UserName の値を UserAnswer の値と等しく_します。 この式はボタンの On select プロパティにバインドされているため、(式バーの横にある Verb とも呼ばれます) ユーザーがボタンを選択したときに実行されます。

    ボタンの OnSelect プロパティに割り当てた、数式バーの Power Fx 式のスクリーンショット。

カードをテストする

カードをプレイする前に、必ず変更内容を保存しておく必要があります。 保存 を選択し、プレイ を選択します。

異なる入力でカードを数回テストします。 毎回、カードのタイトルのデフォルト値 "No Name" が入力によってどのように置き換えられるかを確認してください。

次の手順

簡単な買い物リスト チュートリアルでもう少し複雑なカードを作る方法について説明します。