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

Main Window（メイン･ウィンドウ）

TouchGFX DesignerのMain Windowは、Navigation Bar、Command Buttons、Notification Bar、Detailed logで構成されています。 Main Windowでは、ビューの周囲はフレームで囲まれています。（ビューの領域は、下の画像でぼやけた表示になっている部分です。）

TouchGFX DesignerのMain Window

TouchGFX Designerでは、ナビゲーション･バーを用いてナビゲーションを行います（下の画像を参照）。ここで以下のいずれかのビューに変更できます。

さらに、Filesをクリックすることで、プロジェクト･ディレクトリが新しいFile Explorerウィンドウに開くので、コードを簡単に参照できます。

TouchGFX Designerのナビゲーション･バー

Commands（コマンド）​

TouchGFX DesignerのCommandsセクションには、'Generate Code'、'Run Simulator'、'Run Target'の3つのボタンがあります （下の画像を参照）。これらの各ボタンでは、複数のコマンドを組み合わせて実行されます。

TouchGFX Designerのコマンド･ボタン

これらのボタンで実行されるコマンドによって、Config（設定）のBuildセクションが上書きされます。

Generate Code（コード生成）​

Generate Codeコマンドは完全なコード生成をトリガした後、以下のコマンドを実行します。

  • Generate Assetsコマンド
  • Post Generateコマンド
  • Post Generate Targetコマンド

Run Simulator（シミュレータの実行）​

Run Simulatorコマンドは完全なコード生成をトリガした後、以下のコマンドを実行します。

  • Generate Assetsコマンド
  • Post Generateコマンド
  • Compile Simulatorコマンド
  • Run Simulatorコマンド

Run Simulatorコマンドは F5キーを押してトリガすることもできます。

Run Target（ターゲットの実行）​

Run Targetコマンドは完全なコード生成をトリガした後、以下のコマンドを実行します。

  • Generate Assetsコマンド
  • Post Generateコマンド
  • Generate Targetコマンド
  • Compile Targetコマンド
  • Flash Targetコマンド

Run Targetコマンドは F6キーを押してトリガすることもできます。

Generate Codeコマンドは F7キーを押してトリガすることもできます。

Notification Bar（通知バー）​

Main Windowの下部のNotification Barには、現在実行中のコマンドのステータスが表示されます。 コマンドの実行が失敗すると、バー内のテキストが赤色に変わり、失敗したコマンドの横にエラー･アイコンが表示されます。 成功したコマンドはまず緑色に変わり、次にNotification Barから消えます。一方で失敗したコマンドは、別のコマンドが開始されるまで表示されたままになります。

TouchGFX Designerの通知バー（成功時）

TouchGFX Designerの通知バー（失敗時）

Detailed Log（詳細ログ）​

Notification Barの任意の場所を押すとウィンドウが開き、Designerによって直前に実行されたコマンドの完全なログが表示されます。 コマンドの出力がこのウィンドウに表示されます（下のGIFを参照）。Detailed Logウィンドウの右上隅にあるundock / dockアイコンを押すことで、このウィンドウをMain Windowとドッキング / ドッキング解除することもできます。

Detailed Logウィンドウは Ctrl + L

TouchGFX Designerの詳細ログ

Update Banner（更新バナー）​

このバナーは、TouchGFXの新バージョンなどの重要な更新をユーザに通知するのに使用されます。 このバナーを閉じるには、バナー右側にある［X］ボタンを押します。 閉じた更新情報が再度表示されることはありません。

Theme（テーマ）​

TouchGFX Designerは、Light（明）テーマとDark（暗）テーマをサポートしています（下の画像を参照）。 ユーザの好みに合わせて、テーマをFile Menuで切り替えできます。

1

TouchGFX DesignerのLightテーマ

1

TouchGFX DesignerのDarkテーマ