画面

画面はアプリの基盤です。異なる画面を生成して整理することで、カスタムユーザー体験の構築を開始できます。

Adaloにおける画面について

以下のYouTubeビデオでAdaloの画面の基礎を学びましょう。

このYouTubeビデオでAdaloの画面についてすべてを学びましょう。

ほとんどのAdaloアプリは、自動的にサインアップ、ログイン、ホーム画面から始まります。

新しい画面の作成

画面を作成する方法は2つあります。

  1. Addパネルから

    1. 左のツールバーの「+」ボタンをクリックします

    2. Add Screen Tabタブを選択します

    3. 新しい画面に対する画面テンプレートを選択できます

  2. リンクアクションから

    1. 既存の画面上のコンポーネントを選択します

    2. 左側のパネルで"Add Action"をクリックします

    3. リンクを選択し、"New Screen..."を選択します

    4. モーダルが表示され、新しい画面の名前を設定し、画面テンプレートを選択できます

画面の編集

  • 画面を編集するには、キャンバス上のタイトルをクリックします。画面のプロパティが左側のパネルに表示されます。

    • 画面の名前を設定

      • 画面のラベルを明確に区別できるようにするため、画面の名前を設定することはアプリ作成の重要なステップです

    • ナビゲーションタイプを設定

      • 通常 - ほとんどの画面はこの設定にすべきです

      • ウェルカム画面 - ユーザーがログインしていないか、アカウントを作成していない場合に最初に表示される画面です

      • ホーム画面 - ユーザーがアプリでアカウントを作成し、ログインしている場合に最初に表示される画面です

    • 画面アクションを追加

      • ほとんどの画面は画面アクションが必要ないかもしれませんが、非常に便利な場合もあります

      • ユーザーがクリックやタップせずに自動的にレコードを作成する必要がある場合は、画面アクションを使用できます。レコードを自動的に作成する画面アクションと、別の画面に自動的にリンクする画面アクションを作成できます

    • 画面スタイルを編集

      • 画面の背景色

      • 画面サイズ

      • ステータスバーのテキスト色(モバイルのみ)

      • スクロールを逆にする

        • チャットやメッセージ画面など、ユーザーが画面に到達したときにリストの一番下が表示され、以前のメッセージを見るために上にスクロールする必要がある場合に一般的なオプションです

  • 画面のサイズを変更するには

    • キャンバス上の画面の名前をクリックし、画面の角にある黄色のドラッグハンドルを使用してサイズを変更します

  • 画面を移動するには

    • キャンバス上で画面の名前をクリックして押し続け、マウスをキャンバス上の新しい場所に移動します。アプリを構築する際に、関連するグループに画面を整理しておくと、各画面を簡単に見つけて編集できます

  • 画面を削除するには、画面のタイトルを選択してキーボードの'Delete'または'backspace'を押します

Last updated

Was this helpful?