これは機械翻訳されたコンテンツです。 詳しくは こちらをご覧ください。

emWinグラフィック ライブラリおよびPSoC™用GUI

emWin は、組込みグラフィック ライブラリおよびグラフィカル ユーザーインターフェース (GUI) フレームワークです

nobutton

概要

PSOC™用emWinグラフィックスライブラリとGUIについて

emWin は、組み込みグラフィックライブラリおよびグラフィカルユーザーインターフェース (GUI) フレームワークです。これは、ディスプレイを必要とするアプリケーション向けに、プロセッサやディスプレイコントローラに依存しない効率的なグラフィックスプラットフォームを提供します。例としては、家電製品だけでなく、自動車、IoT、産業用アプリケーションなどがあります。emWinは、シングルタスク環境とマルチタスク環境に対応しています。SEGGERマイクロコントローラによって開発されたemWinは、組み込み業界で非常に人気があります。CYPRESS™は、SEGGERからemWinライブラリのライセンスを取得し、PSOC™のお客様に無料で提供しています。

emWinは、PSOC™ 3、PSOC™ 4、PSOC™ 5LP、PSOC™ 6 MCUで使用できます。

emWin の概要

以下のブロック図(画像ギャラリー - img 2内)は、emWinがアプリケーションにどのように統合されるかの概要を示しています。

emWin ライブラリには、GUI フレームワークとディスプレイ ドライバーの 2 つの部分があります。GUIフレームワークには、テキスト、ビットマップ画像、ウィジェットの表示、2Dグラフィック(線、長方形、円など)の描画などの機能があります。ディスプレイ ドライバーは、さまざまな種類のディスプレイ コントローラーとインターフェイスします。ペリフェラルドライバーは、SPI、UART、パラレルインターフェイスなどのディスプレイへのハードウェアインターフェイスです。アプリケーション層は、ハードウェア インターフェイスを制御し、コマンドの書き込み、1 バイト データの書き込み、複数バイトのデータ書き込みなどの操作を実行する Port API 関数を実装します。emWin ディスプレイ ドライバーは、これらの機能を使用してディスプレイと通信します。アプリケーション層は、ディスプレイ ドライバーによって使用されるディスプレイ メモリを割り当てます。アプリケーション層は、emWin GUIフレームワークが提供する機能を使用して、ディスプレイ上でグラフィック操作を実行します。

デザインフロー

下のブロック図(画像ギャラリー - img 3)は、emWinの設計フローを示しています。これらの手順の一部は、デバイス ファミリと設計プラットフォームによっては省略可能な場合があります。

  1. emWin コアの選択: emWin は、OS とタッチ サポートのさまざまな組み合わせをサポートします。さまざまなプラットフォームでオプションを選択する方法については、それぞれの「はじめに」ドキュメントを参照してください。
  2. ディスプレイドライバーの選択: これらのドライバーがサポートするディスプレイドライバーとディスプレイコントローラーのリストは、emWinユーザーガイドに記載されています。ユーザーガイドから、ディスプレイドライバーを選択します。
  3. ライブラリと設定ファイルのコピー: 選択したコアオプションとディスプレイドライバーに応じて、関連するファイルをプロジェクトにコピーします。
  4. ポート API とディスプレイ構成: ディスプレイと通信するためのポート API 関数を記述し、emWin のポートアクセス関数をこれらの関数へのポインタで更新します。emWinの設定ファイルで、ピクセル数、向き、カラープロファイル、ピクセルあたりのビット数などの表示パラメータを設定します。
  5. アプリケーションコード:アプリケーションコードで、emWinのグラフィック関数を呼び出してグラフィックを描画します。
emWinツール
  1. ビットマップコンバーター:ビットマップコンバーターは、BMP、PNG、GIF などの一般的な画像ファイル形式を目的の emWin ビットマップ形式に変換します。これは、コンパイルしてプロジェクトにリンクできる C ファイル、または実行時にロードできるバイナリ形式にすることができます。アプリケーションに画像をロードするだけです。必要に応じてカラー形式を変換し、適切な形式で保存します。
  2. emWinView: emWin ビューアでは、シミュレーションのステップ実行 (デバッグ) 中にディスプレイ出力を表示できます。通常、コードのステップ実行中にディスプレイ出力が表示されることはありませんでした。デバッグ・スレッドが停止すると、プロセスの他のすべてのスレッドも停止します。これには、シミュレートされた表示を画面に出力するスレッドが含まれます。
  3. GUIBuilder: GUIBuilder アプリケーションは、ダイアログを作成するためのツールです。ソースコードを書く代わりに、ウィジェットをドラッグアンドドロップで配置し、サイズを変更できます。追加のプロパティは、コンテキストメニューで追加できます。微調整は、ウィジェットのプロパティを編集することで行うことができます。これには、Cプログラミング言語の知識は必要ありません。ダイアログは C ファイルとして保存でき、ユーザー定義のコードを追加することで拡張できます。
アプリケーションウィザード

AppWizardは、emWin組み込みグラフィックスライブラリで使用するための、すぐに実行できる完全なアプリケーションを作成するためのデスクトップアプリケーションです。AppWizardは、直感的な「What You See Is What You Get」(WYSIWYG)エディターを備えており、独自の組み込みリソース管理機能を提供します。これにより、アニメーションのレンダリング、言語管理、ウィジェットなど、emWinのすべてのコア機能の使用が容易になります。

AppWizardは、オンラインのInfineon Develop Centerからダウンロードでき、PSOCデバイス、LINで使用できます

インフィニオン・デベロップメント・センター

PSOC™用emWinグラフィックスライブラリとGUIについて

emWin は、組み込みグラフィックライブラリおよびグラフィカルユーザーインターフェース (GUI) フレームワークです。これは、ディスプレイを必要とするアプリケーション向けに、プロセッサやディスプレイコントローラに依存しない効率的なグラフィックスプラットフォームを提供します。例としては、家電製品だけでなく、自動車、IoT、産業用アプリケーションなどがあります。emWinは、シングルタスク環境とマルチタスク環境に対応しています。SEGGERマイクロコントローラによって開発されたemWinは、組み込み業界で非常に人気があります。CYPRESS™は、SEGGERからemWinライブラリのライセンスを取得し、PSOC™のお客様に無料で提供しています。

emWinは、PSOC™ 3、PSOC™ 4、PSOC™ 5LP、PSOC™ 6 MCUで使用できます。

emWin の概要

以下のブロック図(画像ギャラリー - img 2内)は、emWinがアプリケーションにどのように統合されるかの概要を示しています。

emWin ライブラリには、GUI フレームワークとディスプレイ ドライバーの 2 つの部分があります。GUIフレームワークには、テキスト、ビットマップ画像、ウィジェットの表示、2Dグラフィック(線、長方形、円など)の描画などの機能があります。ディスプレイ ドライバーは、さまざまな種類のディスプレイ コントローラーとインターフェイスします。ペリフェラルドライバーは、SPI、UART、パラレルインターフェイスなどのディスプレイへのハードウェアインターフェイスです。アプリケーション層は、ハードウェア インターフェイスを制御し、コマンドの書き込み、1 バイト データの書き込み、複数バイトのデータ書き込みなどの操作を実行する Port API 関数を実装します。emWin ディスプレイ ドライバーは、これらの機能を使用してディスプレイと通信します。アプリケーション層は、ディスプレイ ドライバーによって使用されるディスプレイ メモリを割り当てます。アプリケーション層は、emWin GUIフレームワークが提供する機能を使用して、ディスプレイ上でグラフィック操作を実行します。

デザインフロー

下のブロック図(画像ギャラリー - img 3)は、emWinの設計フローを示しています。これらの手順の一部は、デバイス ファミリと設計プラットフォームによっては省略可能な場合があります。

  1. emWin コアの選択: emWin は、OS とタッチ サポートのさまざまな組み合わせをサポートします。さまざまなプラットフォームでオプションを選択する方法については、それぞれの「はじめに」ドキュメントを参照してください。
  2. ディスプレイドライバーの選択: これらのドライバーがサポートするディスプレイドライバーとディスプレイコントローラーのリストは、emWinユーザーガイドに記載されています。ユーザーガイドから、ディスプレイドライバーを選択します。
  3. ライブラリと設定ファイルのコピー: 選択したコアオプションとディスプレイドライバーに応じて、関連するファイルをプロジェクトにコピーします。
  4. ポート API とディスプレイ構成: ディスプレイと通信するためのポート API 関数を記述し、emWin のポートアクセス関数をこれらの関数へのポインタで更新します。emWinの設定ファイルで、ピクセル数、向き、カラープロファイル、ピクセルあたりのビット数などの表示パラメータを設定します。
  5. アプリケーションコード:アプリケーションコードで、emWinのグラフィック関数を呼び出してグラフィックを描画します。

emWinツール
  1. ビットマップコンバーター:ビットマップコンバーターは、BMP、PNG、GIF などの一般的な画像ファイル形式を目的の emWin ビットマップ形式に変換します。これは、コンパイルしてプロジェクトにリンクできる C ファイル、または実行時にロードできるバイナリ形式にすることができます。アプリケーションに画像をロードするだけです。必要に応じてカラー形式を変換し、適切な形式で保存します。
  2. emWinView: emWin ビューアでは、シミュレーションのステップ実行 (デバッグ) 中にディスプレイ出力を表示できます。通常、コードのステップ実行中にディスプレイ出力が表示されることはありませんでした。デバッグ・スレッドが停止すると、プロセスの他のすべてのスレッドも停止します。これには、シミュレートされた表示を画面に出力するスレッドが含まれます。
  3. GUIBuilder: GUIBuilder アプリケーションは、ダイアログを作成するためのツールです。ソースコードを書く代わりに、ウィジェットをドラッグアンドドロップで配置し、サイズを変更できます。追加のプロパティは、コンテキストメニューで追加できます。微調整は、ウィジェットのプロパティを編集することで行うことができます。これには、Cプログラミング言語の知識は必要ありません。ダイアログは C ファイルとして保存でき、ユーザー定義のコードを追加することで拡張できます。

アプリケーションウィザード

AppWizardは、emWin組み込みグラフィックスライブラリで使用するための、すぐに実行できる完全なアプリケーションを作成するためのデスクトップアプリケーションです。AppWizardは、直感的な「What You See Is What You Get」(WYSIWYG)エディターを備えており、独自の組み込みリソース管理機能を提供します。これにより、アニメーションのレンダリング、言語管理、ウィジェットなど、emWinのすべてのコア機能の使用が容易になります。

AppWizardは、オンラインのInfineon Develop Centerからダウンロードでき、PSOCデバイス、LINで使用できます

インフィニオン・デベロップメント・センター