メインコンテンツまでスキップ

Action Bar

Action Barは画面上部にあるツールバー領域で、プロジェクト作業に必要な主要機能をすばやく実行できるよう設計されています。

Action BarはProject Info、Change Mode、Deploy Uploaderで構成されます。

Action Bar概要


Project Info

Project Info領域では、ロゴをクリックしてメニューウィンドウを開いたり、プロジェクトの情報を確認したりできます。

Project Info

  1. Lucy Studio Symbol

    • クリックするとメニューウィンドウを確認できます。
    • メニューウィンドウからLucy Studioの公式ウェブサイトを開けます。
    メニュー項目説明
    Lucy Studio official homepageLucy Studio公式ホームページを開く
    Lucy team cloudLucy Team Cloudを開く
    Lucy Studio facebookLucy StudioのFacebookページを開く
    Lucy Studio youtube channelLucy StudioのYouTubeチャンネルを開く
  2. Project Information

    • プロジェクト名とアクティブなページ名を確認できます。
    • ページ名をクリックすると開いているタブの一覧が表示され、タブ間をすばやく移動できます。
  3. Open Project Information Window

    • プロジェクトの情報を確認できます。

Change Mode

Change Mode領域では、作業モードをDesign ModeとAnimation modeの間で切り替えられます。

Change Mode

  1. Design Mode
    • ウィジェットの配置、プロパティの編集、ロジックの設定など、主要な開発作業を行う基本モードです。
    • Design ModeでのPanelの構成
      • Property
      • Style
      • State
      • Data Set
      • Variables
      • Provider Instance
      • i18n
      • Local History
  2. Animation mode
    • ページとウィジェット間のインタラクションアニメーションを設定し、リアルタイムに確認できるモードです。
    • Animation modeでのPlatePanelの構成
      • Actions
      • State transitions
      • Detector transitions

Deploy Uploader

Deploy Uploader領域では、テスト・コラボレーション・デプロイのためのツールを提供します。

Deploy Uploader

  1. Server Setting

    • 使用するサーバー環境やバックエンドを設定できます。
  2. Source Control

    • プロジェクト内の作業ソースとバージョンを管理できます。
  3. Issue Report

    • 開発中に発生するバグや問題点を確認できます。
    Warning(警告)Error(エラー)
    定義潜在的な問題や非効率性の案内実際の問題、またはプログラムが実行できない状態
    深刻度低〜中程度高(必ず修正が必要)
    実行への影響プログラムの実行は継続可能プログラムの実行が中断または停止する
    発生原因推奨されないプロパティの使用、非効率なロジックなど必須コンポーネントの欠落、存在しないデータへのアクセス試行など
  4. Preview

    • プレビュープログラムを実行し、現在作業中の画面をプレビューできます。
    • プレビュープログラムは設定可能で、別ウィンドウとして実行されます。
  5. Device sync

    • PCまたはモバイルデバイスを接続し、接続したデバイスでプロジェクトを実行できます。
    • デバイスの接続方法
      • プレビューウィンドウを実行しているPCまたはモバイルを自動的に検出して接続できます。
      • デバイスが自動的に検出されない場合は、Lucy Studioが生成したQRコードをスキャンして接続できます。
    • 接続済みデバイスの管理
      • 接続済みデバイスに、プロジェクトのすべてのリソース、または選択した一部の画面を送信できます。
      • 接続済みデバイスの一覧を確認し、各デバイスの接続状態を管理できます。
  6. Notification

    • クリックするとプロジェクトのお知らせ一覧を確認できます。
    • 各お知らせをクリックすると詳細ポップアップを確認できます。
  7. Profile

    • Lucy Team Cloudで設定したプロフィールポップアップを確認できます。
    • ログアウト、アカウント設定の機能を提供します。