このビデオと対応する記事では、cBots、インジケーター、およびプラグインを使用して作成されたカスタムUI要素の外観を変更するためにスタイルを使用する方法を説明します。
例のcBotを作成する
cTraderの「Algo」アプリに切り替えて、新しいcBotを作成します。これを「Styles Example」と名付けます。この例では、3つのテキストボックスを作成し、それらをスタックパネルを使用してチャートに表示します。
まず、3つのテキストボックスを初期化します。それぞれのテキストボックスの外観を、プロパティを1つずつ設定することで構成します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
|
スタックパネルも初期化します。
1 2 3 4 5 6 |
|
最後に、これらのテキストボックスをパネルに追加します。
1 2 3 |
|
そして、最後にパネルをチャートに追加します。
1 |
|
cBotをビルドすると、チャート上に3つのテキストボックスが表示されるはずです。
スタイルクラスの使用
cBotのコードは、各テキストボックスを個別に設定し、各要素のプロパティを初期化するため、繰り返しが多くなります。コードの繰り返しは、大規模なプロジェクトの保守や最適化を難しくします。スタイルを使用してコントロールの外観を構成することで、コードをより簡潔で保守しやすくすることができます。
まず、Styles
クラスの新しいオブジェクトを初期化します。
1 |
|
次に、このスタイルに関連付けられたコントロールの外観を構成します。
1 2 3 4 5 |
|
このスタイルを各テキストボックスに割り当て、パラメータの初期化を削除します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
cBotをビルドしてチャートに追加すると、すべてのテキストボックスが正常に表示されるはずです。コードに戻ってtextBoxStyle
オブジェクトのプロパティの1つを変更すると、すべてのテキストボックスが異なるスタイルになります。
1 |
|
カスタムウィンドウとプラグインでのスタイル
コントロールスタイルは、カスタムウィンドウを含むチャート以外の場所に表示される場合にも機能します。テキストボックスをカスタムウィンドウに表示し、それに応じてスタイルを設定するプラグインの例を作成します。
まず、カスタムウィンドウにコントロールを表示します。
次に、プラグインのコードです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
|
プラグインをビルドすると、「アクティブシンボルパネル」とカスタムウィンドウにテキストボックスが表示されるはずです。
まとめ
コントロールのスタイリングは、コードの冗長性を心配することなくカスタム要素をユーザーに表示するために重要です。cTraderでのアルゴトレーディングの作業について詳しく知りたい場合は、以下のボタンをクリックしてYouTubeチャンネルを購読してください。