エンベデッド GUI のための Visual Designer

エンベデッドアプリケーションのための Graphical User Interface の開発は、エンベデッド GUI デザインのための Visual Designer を導入して容易になりました。Visual Designer は、GUI デザインオブジェクトによる Tool PaletteObject Inspector(選択したオブジェクトの属性や、オブジェクトを使用する時に起こる Events を設定できます)を含む GUI デザインのメカニズムを使用します。

エンベデッドプロジェクトに GUI を含める

プロジェクトに AGUI Design Module を追加する前に、GUI オブジェクトへアクセスできるようにするために、エンベデッドプロジェクトで適切な GUI コンテキストをSoftware Platform へ追加する必要があります。下図は、Altium NB3000 NanoBoard をターゲットにしているデザインの Software Platform を示します。 

GUI コンテキストを Software Platform に含める。

エンベデッド GUI をプロジェクトへ追加するには、Projects パネルでエンベデッドプロジェクト名を右クリックし、Add New to Project»AGUI Design Module コマンドを選択します。AGUI Design Module を追加する時、Altium Designer はグラフィックインターフェースの詳細のために Software Platform ファイルで、指定した解決策をチェックします。そして、*.AGUI ファイル(設計の準備ができている)でブランク GUI を作成します。  

モジュールは、以下のようなファイルです:

  • form1.agui - グラフィカル UI デザインファイル、GUI オブジェクトを配置、設定するために*Tool Palette* と Object Inspector を使用。 
  • form1.c - GUI オブジェクト events の C ファイルを取り出す。GUI オブジェクトを配置後、このファイルのコードへジャンプ、このファイルのコードを追加するために適切な Event でダブルクリック。 
  • agui_main.c - AGUI サービスを呼ぶために C ファイルを取り出す。 
  • form1.h - form1.c のヘッダファイル。
  • agui_main.h - agui_main.c のヘッダファイル。

もし、Software Platform が NB2 をターゲットにしている場合、form1.agui ファイルはデフォルトで 240x320 ピクセル GUI デザイン形式で表示され NB2 screen bezel のグラフィックとなります。もし、Software Platform が NB3000 をターゲットにしている場合、 form1.agui ファイルはデフォルトで 320x240 ピクセル GUI デザイン形式で表示され NB3000 screen bezel のグラフィックとなります。このサイズは Software Platform Graphics Context で指定します。 

Building up the GUI

GUI を設計するには、form1.agui ファイルに GUI オブジェクトを配置します。GUI オブジェクトを選択、配置するには Tool Palette パネルを開きます。属性と Events を設定するために、オブジェクトを配置したらそれを選択し Object Inspector パネルを開きます。ソースファイルのコードを作成、ソースファイルのコードへジャンプするために Event をダブルクリックできることに注意してください。  

下図は、サンプルプロジェクト NB3000_AGUI_Custom_Draw.PrjFpg を参照する GUI の例です。 

NB3000 のために設計した GUI の例。

例は NB3000 NanoBoard をターゲットにしています。NB3000 タッチスクリーンで表示される GUI は下図の通りです。 

NB3000 で表示する GUI の例。
You are reporting an issue with the following selected text and/or image within the active document: