콘텐츠로 이동

cTrader Algo에서 맞춤형 창 작업하기

이 글과 해당 동영상에서는 cTrader 알고리즘을 생성할 때 맞춤형 창을 작업하는 방법에 대해 이야기하겠습니다. 맞춤형 창이 무엇인지, 그리고 cBot 및 지표에서 어떻게 사용할 수 있는지 설명하겠습니다. 또한 cBot에서 맞춤형 창을 사용하는 예제를 만들어 보겠습니다.

맞춤형 창 예제

이제 Algo 앱으로 전환하여 맞춤형 창이 cBot 및 지표에서 어떻게 사용될 수 있는지 예시를 살펴보겠습니다. 새로운 지표를 생성하고, 여기서는 문서에서 제공된 준비된 예제를 간단히 사용하겠습니다.

문서에서 코드를 복사하여 코드 편집기 창에 붙여넣습니다. 그런 다음 지표를 빌드하고 차트에 인스턴스를 추가합니다.

지표가 추가되자마자 맞춤형 창이 팝업되는 것을 볼 수 있습니다. 이 창은 현재 지표가 첨부된 차트의 심벌에 대한 정보를 표시하는 복잡한 양식을 포함하고 있습니다. 이 양식은 맞춤형 창으로 달성할 수 있는 것의 훌륭한 예입니다.

맞춤형 창 vs. WPF 및 WinForms

맞춤형 창을 사용하는 것이 WPF나 WinForms를 사용하는 것보다 나은 몇 가지 이유가 있습니다. cTrader 맞춤형 창은 cTrader의 외관과 느낌에 맞는 네이티브 스타일을 기본적으로 제공합니다. WinForms 및 WPF 창은 다른 스레드에서 실행되기 때문에 특별한 처리와 고급 프로그래밍 기술이 필요합니다. 이러한 문제는 cTrader 맞춤형 창을 사용할 때 완전히 피할 수 있습니다.

맞춤형 창 생성

이제 처음부터 맞춤형 창을 생성하는 방법을 시연하겠습니다. 새로운 지표를 생성하고 "Custom Window Example"이라고 이름을 붙이겠습니다. 이 예제에서는 맞춤형 창을 추가한 다음 몇 가지 맞춤 컨트롤을 추가하겠습니다. 창 자체는 Initialize() 메서드에서 선언되며, 창을 표시하기 위해 window.Show() 메서드를 호출합니다.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
protected override void Initialize()
{
    var window = new Window
    {
        Title = "My Window",
        WindowStartupLocation = WindowStartupLocation.CenterScreen,
        Topmost = true
    };

    window.Show();
}

창을 보려면 지표를 빌드하고 차트에 추가하면 됩니다.

창에 컨트롤 추가

이제 창에 맞춤 컨트롤을 추가하겠습니다. 이 컨트롤은 일부 텍스트를 포함하는 텍스트 상자의 형태를 취합니다.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
var window = new Window
{
    Child = new TextBlock 
    {
        Text = "Hi, This is my Window!",
        VerticalAlignment = VerticalAlignment.Center,
        HorizontalAlignment = HorizontalAlignment.Center,
        FontSize = 20,
        FontWeight = FontWeight.UltraBold
    },
    Title = "My Window",
    WindowStartupLocation = WindowStartupLocation.CenterScreen,
    Topmost = true
};             

window.Show();

지표를 다시 빌드하고 새 인스턴스를 추가하여 맞춤 컨트롤이 어떻게 보이는지 확인하겠습니다.

창 속성 수정 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
var window = new Window
{
    Child = new TextBlock 
    {
        Text = "Hi, This is my Window!",
        VerticalAlignment = VerticalAlignment.Center,
        HorizontalAlignment = HorizontalAlignment.Center,
        FontSize = 20,
        FontWeight = FontWeight.UltraBold
    },
    Title = "My Window",
    WindowStartupLocation = WindowStartupLocation.CenterScreen,
    Topmost = true,
    Width = 800,
    Height = 800
};             

window.Show();

다시 한번 지표를 빌드하고 인스턴스를 추가하겠습니다. 이제 우리의 창 영역은 너비와 높이가 800픽셀인 직사각형입니다.

다음 변경 사항은 창의 크기를 조정할 수 있는 범위를 추가하는 것입니다. 이를 위해 MinHeight, MaxHeight, MinWidth, MaxWidth 매개변수를 추가하겠습니다.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
var window = new Window
{
    Child = new TextBlock 
    {
        Text = "Hi, This is my Window!",
        VerticalAlignment = VerticalAlignment.Center,
        HorizontalAlignment = HorizontalAlignment.Center,
        FontSize = 20,
        FontWeight = FontWeight.UltraBold
    },
    Title = "My Window",
    WindowStartupLocation = WindowStartupLocation.CenterScreen,
    Topmost = true,
    Width = 800,
    Height = 800,
    MinHeight = 600,
    MaxHeight = 800,
    MinWidth = 600,
    MaxWidth = 800
};             

window.Show();

지표를 다시 빌드하고 인스턴스가 추가된 후 크기를 조정해 볼 수 있습니다. 크기 조정은 지정된 너비와 높이 범위 내에서만 가능합니다.

또한 창의 배경색을 변경하고 크기 조정을 비활성화할 수도 있습니다.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
var window = new Window
{
    Child = new TextBlock 
    {
        Text = "Hi, This is my Window!",
        VerticalAlignment = VerticalAlignment.Center,
        HorizontalAlignment = HorizontalAlignment.Center,
        FontSize = 20,
        FontWeight = FontWeight.UltraBold
    },
    Title = "My Window",
    WindowStartupLocation = WindowStartupLocation.CenterScreen,
    Topmost = true,
    Width = 800,
    Height = 800,
    MinHeight = 600,
    MaxHeight = 800,
    MinWidth = 600,
    MaxWidth = 800,
    BackgroundColor = Color.Black,
    ResizeMode = ResizeMode.NoResize
};

일반적인 작업(지표를 다시 빌드하고 인스턴스를 추가)을 수행한 후 창은 새로운 배경색을 갖게 됩니다.

요약

cTrader 맞춤형 창은 유연하며 높은 수준으로 맞춤 설정할 수 있습니다. 위에서 언급한 속성 외에도 마진과 패딩, 맞춤형 창의 가시성 및 특정 조건에서 활성화 여부를 변경할 수도 있습니다. cTrader 맞춤형 창은 또한 표시, 숨기기 및 닫기 메서드와 여러 이벤트 핸들러를 제공합니다.