アクティブシンボルパネル用プラグインを作成する方法

cBots (自動売買)

プラグインを使用すると、Webページやその他のWebViewコンポーネント、計算機、分析ボード、AIツールなどを含む新しいセクションをアクティブシンボルパネル（ASP）に簡単に作成できます。

この記事と対応するビデオでは、プラグインを使用してアクティブシンボルパネルに新しいセクションを追加する方法を紹介します。

プラグインの作成

WebViewセクションの作成

‘Algo‘アプリを開き、’Plugins‘タブに移動します。’New‘ボタンをクリックして新しいプラグインを作成します。

次に、’From the list‘オプションにチェックを入れ、’ASP Section Example‘を選択します。

プラグインに’My ASP Example‘などの名前を付けます。

‘Create’ボタンをクリックします。

コードエディタが表示されたら、コードの"My title"部分を、先ほど選択したプラグインの名前に置き換えます。

var block = Asp.SymbolTab.AddBlock("My ASP Example");

以下の完全なコードをコピーすることもできます：

using cAlgo.API;
namespace cAlgo.Plugins
{
    [Plugin(AccessRights = AccessRights.None)]
    public class MyASPExample : Plugin
    {
        protected override void OnStart()
        {
            var block = Asp.SymbolTab.AddBlock("My ASP Example");
            block.Index = 2;
            block.Height = 500;
            block.IsExpanded = true;

            var webView = new WebView();                        
            block.Child = webView;

            webView.NavigateAsync("https://ctrader.com/");
        }
    }  
}

‘Build‘ボタンをクリックするか、Ctrl+Bキーを押してプラグインをビルドします。

再度’Trade‘アプリに移動して、プラグインが’アクティブシンボルパネル‘に表示される内容を確認します。この場合、cTraderフォーラムを表示するWebViewコンポーネントが表示されます。

VWAPボックスの作成

次に、WebViewを現在のオープンポジションのボリューム加重平均価格（VWAP）を表示するボックスに置き換えます。

プラグインのコードに戻り、WebView部分のコードを削除します。

ブロックの高さを100に設定します。

block.Height = 100;

関連情報を表示するための2つのテキストブロックを定義します。

TextBlock _txtBuyVWAP;
TextBlock _txtSellVWAP;

テキストボックスのためのパネルを追加します。

var panel = new StackPanel
{
    Orientation = Orientation.Vertical
};

2つのテキストブロックを初期化します。

_txtBuyVWAP = new TextBlock
{
    Text = "Buy Text Box"
};
_txtSellVWAP = new TextBlock
{
    Text = "Sell Text Box"
};

テキストボックスをパネルに追加し、パネルをプラグインブロックの子コントロールにします。

panel.AddChild(_txtBuyVWAP);
panel.AddChild(_txtSellVWAP);
block.Child = panel;

以下の完全なコードをコピーすることもできます：

using cAlgo.API;
namespace cAlgo.Plugins
{
    [Plugin(AccessRights = AccessRights.None)]
    public class MyASPExample : Plugin
    {
        TextBlock _txtBuyVWAP;
        TextBlock _txtSellVWAP;

        protected override void OnStart()
        {
            var block = Asp.SymbolTab.AddBlock("ASP Section Example");
            block.Index = 2;
            block.Height = 100;
            block.IsExpanded = true;

            var panel = new StackPanel
            {
                Orientation = Orientation.Vertical
            };

            _txtBuyVWAP = new TextBlock
            {
                Text = "Buy Text Box"
            };
            _txtSellVWAP = new TextBlock
            {
                Text = "Sell Text Box"
            };

            panel.AddChild(_txtBuyVWAP);
            panel.AddChild(_txtSellVWAP);

            block.Child = panel;
        }
    }  
}

プラグインを再度ビルドし、’Trade‘アプリに移動します。今度は、WebViewコンポーネントの代わりに2つのテキストボックスが表示されているはずです。

プラグインの改良

プラグインのロジックを追加する

プラグインのコードに移動し、以下の名前空間を追加します：

using System;
using System.Linq;

買いと売りの方向のVWAPを計算するロジックを実装します。

var buyPositions = Positions.Where(p => p.TradeType == TradeType.Buy);
_txtBuyVWAP.Text = "Buy Positions VWAF: " + Math.Round((buyPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  buyPositions.Sum(p => p.VolumeInUnits)),5);
var sellPositions = Positions.Where(p => p.TradeType == TradeType.Sell);
_txtSellVWAP.Text = "Sell Positions VWAF: " + Math.Round((sellPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  sellPositions.Sum(p => p.VolumeInUnits)),5);

ポジションのオープン時にイベントを追加し、新しいポジションが追加されると自動的にVMAPの数値が更新されるようにします。

Positions.Opened += Positions_Opened;
private void Positions_Opened(PositionOpenedEventArgs obj)
{
    var buyPositions = Positions.Where(p => p.TradeType == TradeType.Buy);
    _txtBuyVWAP.Text = "Buy Positions VWAP: " + (buyPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  buyPositions.Sum(p => p.VolumeInUnits));

    var sellPositions = Positions.Where(p => p.TradeType == TradeType.Sell);
    _txtSellVWAP.Text = "Sell Positions VWAP: " + (sellPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  sellPositions.Sum(p => p.VolumeInUnits));        
}

以下の完全なコードをコピーすることもできます：

using System;
using System.Linq;
using cAlgo.API;
namespace cAlgo.Plugins
{
    [Plugin(AccessRights = AccessRights.None)]
    public class MyASPExample : Plugin
    {
        TextBlock _txtBuyVWAP;
        TextBlock _txtSellVWAP;

        protected override void OnStart()
        {
            var block = Asp.SymbolTab.AddBlock("ASP Section Example");
            block.Index = 2;
            block.Height = 100;
            block.IsExpanded = true;

            var panel = new StackPanel
            {
                Orientation = Orientation.Vertical
            };

            var textBoxStyle = new Style();

            textBoxStyle.Set(ControlProperty.Margin, 5);
            textBoxStyle.Set(ControlProperty.FontFamily, "Cambria");
            textBoxStyle.Set(ControlProperty.FontSize, 16);
            textBoxStyle.Set(ControlProperty.Width, 200);
            textBoxStyle.Set(ControlProperty.ForegroundColor, Color.Yellow, ControlState.Hover);

            _txtBuyVWAP = new TextBlock
            {
                ForegroundColor = Color.Green,
                Text = "Buy Text Box ",
                Style = textBoxStyle
            };

            _txtSellVWAP = new TextBlock
            {
                ForegroundColor = Color.Red,
                Text = "Sell Text Box",
                Style = textBoxStyle
            };

            panel.AddChild(_txtBuyVWAP);
            panel.AddChild(_txtSellVWAP);

            block.Child = panel;

            var buyPositions = Positions.Where(p => p.TradeType == TradeType.Buy);
            _txtBuyVWAP.Text = "Buy Positions VWAF: " + Math.Round((buyPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  buyPositions.Sum(p => p.VolumeInUnits)),5);

            var sellPositions = Positions.Where(p => p.TradeType == TradeType.Sell);
            _txtSellVWAP.Text = "Sell Positions VWAF: " + Math.Round((sellPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  sellPositions.Sum(p => p.VolumeInUnits)),5);

            Positions.Opened += Positions_Opened;
        }

         private void Positions_Opened(PositionOpenedEventArgs obj)
        {             
            var buyPositions = Positions.Where(p => p.TradeType == TradeType.Buy);
            _txtBuyVWAP.Text = "Buy Positions VWAP: " + (buyPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  buyPositions.Sum(p => p.VolumeInUnits));

            var sellPositions = Positions.Where(p => p.TradeType == TradeType.Sell);
            _txtSellVWAP.Text = "Sell Positions VWAP: " + (sellPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  sellPositions.Sum(p => p.VolumeInUnits));        
        }
    }  
}

再度プラグインをビルドし、’Trade‘アプリに移動します。これで、新しい買いと売りのポジションを追加するたびに、VMAPが自動的に更新されるはずです。

プラグインのスタイルを追加する

VMAPボックスにスタイルを追加します。

var textBoxStyle = new Style();
textBoxStyle.Set(ControlProperty.Margin, 5);
textBoxStyle.Set(ControlProperty.FontFamily, "Cambria");
textBoxStyle.Set(ControlProperty.FontSize, 16);
textBoxStyle.Set(ControlProperty.Width, 200);
textBoxStyle.Set(ControlProperty.ForegroundColor, Color.Yellow, ControlState.Hover);
_txtBuyVWAP = new TextBlock
{
    ForegroundColor = Color.Green,
    Text = "Buy Text Box ",
    Style = textBoxStyle
};
_txtSellVWAP = new TextBlock
{
    ForegroundColor = Color.Red,
    Text = "Sell Text Box",
    Style = textBoxStyle
};

以下の完全なコードをコピーすることもできます：

using System;
using System.Linq;
using cAlgo.API;
namespace cAlgo.Plugins
{
    [Plugin(AccessRights = AccessRights.None)]
    public class MyASPExample : Plugin
    {
        TextBlock _txtBuyVWAP;
        TextBlock _txtSellVWAP;

        protected override void OnStart()
        {
            var block = Asp.SymbolTab.AddBlock("ASP Section Example");
            block.Index = 2;
            block.Height = 100;
            block.IsExpanded = true;

            var panel = new StackPanel
            {
                Orientation = Orientation.Vertical
            };

            var textBoxStyle = new Style();

            textBoxStyle.Set(ControlProperty.Margin, 5);
            textBoxStyle.Set(ControlProperty.FontFamily, "Cambria");
            textBoxStyle.Set(ControlProperty.FontSize, 16);
            textBoxStyle.Set(ControlProperty.Width, 200);
            textBoxStyle.Set(ControlProperty.ForegroundColor, Color.Yellow, ControlState.Hover);

            _txtBuyVWAP = new TextBlock
            {
                ForegroundColor = Color.Green,
                Text = "Buy Text Box ",
                Style = textBoxStyle
            };

            _txtSellVWAP = new TextBlock
            {
                ForegroundColor = Color.Red,
                Text = "Sell Text Box",
                Style = textBoxStyle
            };

            panel.AddChild(_txtBuyVWAP);
            panel.AddChild(_txtSellVWAP);

            block.Child = panel;

            var buyPositions = Positions.Where(p => p.TradeType == TradeType.Buy);
            _txtBuyVWAP.Text = "Buy Positions VWAF: " + Math.Round((buyPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  buyPositions.Sum(p => p.VolumeInUnits)),5);

            var sellPositions = Positions.Where(p => p.TradeType == TradeType.Sell);
            _txtSellVWAP.Text = "Sell Positions VWAF: " + Math.Round((sellPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  sellPositions.Sum(p => p.VolumeInUnits)),5);

            Positions.Opened += Positions_Opened;
        }

         private void Positions_Opened(PositionOpenedEventArgs obj)
        {             
            var buyPositions = Positions.Where(p => p.TradeType == TradeType.Buy);
            _txtBuyVWAP.Text = "Buy Positions VWAP: " + (buyPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  buyPositions.Sum(p => p.VolumeInUnits));

            var sellPositions = Positions.Where(p => p.TradeType == TradeType.Sell);
            _txtSellVWAP.Text = "Sell Positions VWAP: " + (sellPositions.Sum(p => p.EntryPrice * p.VolumeInUnits) /  sellPositions.Sum(p => p.VolumeInUnits));        
        }
    }  
}

再度プラグインをビルドします。

最後に、’Trade‘アプリに移動して、VMAPボックスのスタイルがどのように変更されたかを確認します。

まとめ

この記事が、ウェブページやWebViewコンポーネント、テキストブロック、その他の有用なオブジェクトをActive Symbol Panelに追加する方法についてお役に立てたことを願っています。詳細については、ドキュメントを参照するか、フォーラムに質問を投稿してください。

アクティブシンボルパネル用プラグインを作成する方法

プラグインの作成

WebViewセクションの作成

VWAPボックスの作成

プラグインの改良

プラグインのロジックを追加する

プラグインのスタイルを追加する

まとめ

このページについて