- 基本情報
- デモ アプリ
- 使い方
- 通知
- VB の式を使用する
- アプリをデザインする
- イベントとルール
- アプリで RPA を活用する
- アプリ内でエンティティを活用する
- アプリ内でキューを活用する
- アプリでメディアを活用する
- アプリでアクションを活用する
- アプリでコネクションを活用する
- アプリケーション ライフサイクル管理 (ALM)
- UiPath ファーストパーティ アプリ
- 基本的なトラブルシューティング ガイド
モバイルフレンドリーなアプリを構築する
UiPath Apps を使用して、モバイルフレンドリーなアプリを構築できます。携帯電話、タブレット、コンピューターなど、画面サイズが異なるデバイスでも問題なく同じアプリを使用できます。
この方法の実例を確認するには、「チュートリアル」セクションの手順を実行してください。
このページの最後にある、より多くの例が含まれるサンプル アプリ ファイルもご覧ください。
この例を使用して、3 つのフィールドと送信ボタンを含むアプリを構築します。このアプリの動作は、画面サイズによって異なります。
- 新しいアプリを作成します。
-
[コンテナー] コントロールをアプリに追加します。
-
コンテナーの [レイアウト] を [横方向] に変更します。
-
コンテナーの [折り返しを許可] プロパティをオンにします。
-
コンテナーの [幅] サイズを
100 %
に設定します。
-
-
コンテナーに [テキストボックス] コントロールを追加します。
-
[ラベル] プロパティに
Name
を追加します。 -
[スタイル] タブで、[ラベル配置] を [上] に変更します。
-
-
1 つ目の [テキストボックス] コントロールの後に、2 つ目の [テキストボックス] コントロールを追加します。
-
[ラベル] プロパティに
Age
を追加します。 -
[スタイル] タブで、[ラベル配置] を [上] に変更します。
-
-
2 つ目の [テキストボックス] コントロールの後に、3 つ目の [テキストボックス] コントロールを追加します。
-
[ラベル] プロパティに
Address
を追加します。 -
[スタイル] タブで、[ラベル配置] を [上] に変更します。
-
- 1 つ目のコンテナーの下に同じ [スタイル] プロパティを持つ 2 つ目のコンテナーを追加します。
-
2 つ目のコンテナーに [ボタン] コントロールを追加します。
アプリをプレビューおよびテストできるようになりました。
Google Chrome ブラウザーを使用してアプリをテストするには、以下の手順に従います。
- ページの任意の場所を右クリックします。
- メニューから [検証] を選択します。
- 右側にあるメニューから、[デバイスのツールバーを切り替え] をクリックします。
-
ページ上部のドロップダウン リストから目的のサイズを選択して、アプリをテストします。
注: コンテナー レイアウト コントロールの場合、内部のコンテナーは自動的にモバイルフレンドリーになります。コンテナー内のコントロールをリアクティブにする必要もある場合は、[折り返しを許可] プロパティを使用します。
詳細については、以下のサンプル アプリ ファイルをダウンロードできます。