Interface Design | JUCE日本語版チュートリアル

📄️ 親コンポーネントと子コンポーネント

このチュートリアルでは、1 つのコンポーネントが 1 つ以上のネストされた子コンポーネントを含むことができるComponentクラスの階層的な性質を紹介します。これは JUCE でユーザーインターフェースをレイアウトするための鍵となります。

アプリケーションの基本的なウィジェットの描画をカスタマイズします。独自のボタン、スライダー、その他のコンポーネントを描画して、アプリケーションのカスタムスキンを作成します。

アプリケーション内でさまざまな方法で色を指定し適用します。

Point coordinates.")、Line、Rectangleクラスを使用して幾何計算を簡素化します。

コンポーネントの矩形を何度もさまざまな方法で細分化してコンポーネント全体をコンテンツで埋める、シンプルながら強力な技術でコンポーネントをレイアウトします。バグの少ないエレガントなコードが生成されます。

FlexBoxとGrid using a set of declarative ...")クラスを使用して、さまざまな画面サイズと向きで動作するレスポンシブ GUI レイアウトを構築します。

このチュートリアルでは、JUCE の重要な概念であるリスナーとブロードキャスターシステムを紹介します。ボタンクリックに応答するシンプルなアクションの実装を通じて、これを見ていきます。

このチュートリアルでは、Sliderクラスを紹介し、スライダーの動きに応答する方法と、スライダーから値を取得する方法を示します。また、スライダーで値を表示するための基本的なカスタマイズ技術も紹介します。

このチュートリアルでは、テキストを表示するためのコンポーネントであるLabelクラスを紹介します。Labelコンポーネントは編集可能に設定することもできるため、テキストの表示とシンプルなテキスト入力に非常に便利です。

このチュートリアルでは、ユーザーに項目のリストを表示するためのコンポーネントであるComboBoxクラスを紹介します。ComboBoxオブジェクトの内容は動的に変更でき、テキスト入力にも使用できます。

ラジオボタンとチェックボックスを使用して、アプリケーションに選択可能なオプションを追加します。

JUCE ユーザーインターフェースにテーブルを組み込みます。XML ファイルから読み込んだデータを表示し、テーブルの形式をカスタマイズします。