.NETFRAMEWORK Archives - 332 중 3 번째 페이지

[C#/WINFORM/TEECHART] GatorFunction 클래스 : 게이터 오실레이터(Gator Oscillator) 차트 그리기

■ GatorFunction 클래스를 사용해 게이터 오실레이터(Gator Oscillator) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들 시리즈
        /// </summary>
        private Candle candle = new Candle();

        /// <summary>
        /// 라인 시리즈
        /// </summary>
        private Line line = new Line();

        /// <summary>
        /// 볼륨 시리즈
        /// </summary>
        private Volume volume = new Volume();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            #region 커스텀 축을 생성한다.

            Axis customAxis = new Axis(this.tChart.Chart);

            customAxis.Horizontal    = false;
            customAxis.StartPosition = 60;
            customAxis.EndPosition   = 100;

            #endregion
            #region 라인 시리즈를 생성한다.

            this.line.DataSource = this.candle;
            this.line.Function   = new AlligatorFunction(this.tChart.Chart);

            #endregion
            #region 볼륨 시리즈를 생성한다.

            this.volume.UseOrigin      = true;
            this.volume.CustomVertAxis = customAxis;
            this.volume.DataSource     = this.candle;
            this.volume.Function       = new GatorFunction(this.tChart.Chart);

            #endregion
            #region 티차트를 설정한다.

            this.tChart.Header.Text           = "Gator Oscillator";
            this.tChart.Legend.Visible        = false;
            this.tChart.Axes.Left.EndPosition = 60;

            this.tChart.Axes.Custom.Add(customAxis);

            this.tChart.Series.Add(candle);
            this.tChart.Series.Add(line);
            this.tChart.Series.Add(volume);

            #endregion

            this.candle.FillSampleValues(200);

            this.refreshButton.Click += refreshButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 갱신하기 버튼 클릭시 처리하기 - refreshButton_Click(sender, e)

        /// <summary>
        /// 갱신하기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void refreshButton_Click(object sender, EventArgs e)
        {
            this.candle.FillSampleValues(200);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

using System;

using System.Windows.Forms;

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들 시리즈

/// </summary>

private Candle candle = new Candle();

/// <summary>

/// 라인 시리즈

/// </summary>

private Line line = new Line();

/// <summary>

/// 볼륨 시리즈

/// </summary>

private Volume volume = new Volume();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 커스텀 축을 생성한다.

Axis customAxis = new Axis(this.tChart.Chart);

customAxis.Horizontal = false;

customAxis.StartPosition = 60;

customAxis.EndPosition = 100;

#endregion

#region 라인 시리즈를 생성한다.

this.line.DataSource = this.candle;

this.line.Function = new AlligatorFunction(this.tChart.Chart);

#endregion

#region 볼륨 시리즈를 생성한다.

this.volume.UseOrigin = true;

this.volume.CustomVertAxis = customAxis;

this.volume.DataSource = this.candle;

this.volume.Function = new GatorFunction(this.tChart.Chart);

#endregion

#region 티차트를 설정한다.

this.tChart.Header.Text = "Gator Oscillator";

this.tChart.Legend.Visible = false;

this.tChart.Axes.Left.EndPosition = 60;

this.tChart.Axes.Custom.Add(customAxis);

this.tChart.Series.Add(candle);

this.tChart.Series.Add(line);

this.tChart.Series.Add(volume);

#endregion

this.candle.FillSampleValues(200);

this.refreshButton.Click += refreshButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 갱신하기 버튼 클릭시 처리하기 - refreshButton_Click(sender, e)

/// <summary>

/// 갱신하기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void refreshButton_Click(object sender, EventArgs e)

{

this.candle.FillSampleValues(200);

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] ExpMovAverage 클래스 : 지수 이동 평균(Exponential Moving Average) 차트 그리기

■ ExpMovAverage 클래스를 사용해 지수 이동 평균(Exponential Moving Average) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들 시리즈
        /// </summary>
        private Candle candle;

        /// <summary>
        /// 지수 이동 평균
        /// </summary>
        private ExpMovAverage expMovAverage;

        /// <summary>
        /// 라인 시리즈
        /// </summary>
        private Line line;

        /// <summary>
        /// 타이머
        /// </summary>
        private Timer timer;

        /// <summary>
        /// 델타
        /// </summary>
        private int delta;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.delta = 1;

            #region 캔들 시리즈를 생성한다.

            this.candle = new Candle();

            this.candle.Title       = "캔들";
            this.candle.Brush.Color = Color.Red;
            this.candle.Color       = Color.FromArgb(68, 102, 163);

            #endregion
            #region 지수 이동 평균 함수를 생성한다.

            this.expMovAverage = new ExpMovAverage();

            this.expMovAverage.Period = 14d;

            #endregion
            #region 라인 시리즈를 생성한다.

            this.line = new Line();

            this.line.Title               = "지수 이동 평균";
            this.line.Brush.Color         = Color.FromArgb(243, 156, 53);
            this.line.Color               = Color.FromArgb(243, 156, 53);
            this.line.Pointer.HorizSize   = 3;
            this.line.Pointer.VertSize    = 3;
            this.line.Pointer.Brush.Color = Color.FromArgb(255, 255, 255);
            this.line.Pointer.Pen.Color   = Color.FromArgb(0, 0, 255);
            this.line.Pointer.Visible     = true;
            this.line.Function            = this.expMovAverage;

            #endregion
            #region 티차트를 설정한다.

            this.tChart.Series.Add(this.candle);
            this.tChart.Series.Add(this.line);

            #endregion
            #region 타이머를 생성한다.

            this.timer = new Timer();

            this.timer.Interval = 20;

            #endregion

            this.candle.FillSampleValues(20);

            this.expMovAverage.Series.DataSource = this.candle;

            this.expMovAverage.Series.CheckDataSource();

            Load                                    += Form_Load;
            this.periodNumericUpDown.ValueChanged   += periodNumericUpDown_ValueChanged;
            this.periodNumericUpDown.TextChanged    += periodNumericUpDown_TextChanged;
            this.valueComboBox.SelectedIndexChanged += valueComboBox_SelectedIndexChanged;
            this.animationCheckBox.CheckedChanged   += animationCheckBox_CheckedChanged;
            this.timer.Tick                         += timer_Tick;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_Load(object sender, EventArgs e)
        {
            this.valueComboBox.SelectedIndex = 3;
        }

        #endregion
        #region 기간 숫자 UP/DOWN 값 변경시 처리하기 - periodNumericUpDown_ValueChanged(sender, e)

        /// <summary>
        /// 기간 숫자 UP/DOWN 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void periodNumericUpDown_ValueChanged(object sender, EventArgs e)
        {
            this.expMovAverage.Period = (int)this.periodNumericUpDown.Value;
        }

        #endregion
        #region 기간 숫자 UP/DOWN 텍스트 변경시 처리하기 - periodNumericUpDown_TextChanged(sender, e)

        /// <summary>
        /// 기간 숫자 UP/DOWN 텍스트 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void periodNumericUpDown_TextChanged(object sender, EventArgs e)
        {
            this.expMovAverage.Period = (int)this.periodNumericUpDown.Value;
        }

        #endregion
        #region 값 콤보 박스 선택 인덱스 변경시 처리하기 - valueComboBox_SelectedIndexChanged(sender, e)

        /// <summary>
        /// 값 콤보 박스 선택 인덱스 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void valueComboBox_SelectedIndexChanged(object sender, EventArgs e)
        {
            this.expMovAverage.Series.YValues.DataMember = this.valueComboBox.Items[this.valueComboBox.SelectedIndex].ToString();
        }

        #endregion
        #region 애니메이션 체크 박스 체크 변경시 처리하기 - animationCheckBox_CheckedChanged(sender, e)

        /// <summary>
        /// 애니메이션 체크 박스 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void animationCheckBox_CheckedChanged(object sender, EventArgs e)
        {
            this.timer.Enabled = this.animationCheckBox.Checked;
        }

        #endregion
        #region 타이머 틱 처리하기 - timer_Tick(sender, e)

        /// <summary>
        /// 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void timer_Tick(object sender, EventArgs e)
        {
            this.periodNumericUpDown.Value += this.delta;

            if((this.periodNumericUpDown.Value > 19) || (this.periodNumericUpDown.Value < 2 ))
            {
                this.delta = -this.delta;
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

using System;

using System.Drawing;

using System.Windows.Forms;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들 시리즈

/// </summary>

private Candle candle;

/// <summary>

/// 지수 이동 평균

/// </summary>

private ExpMovAverage expMovAverage;

/// <summary>

/// 라인 시리즈

/// </summary>

private Line line;

/// <summary>

/// 타이머

/// </summary>

private Timer timer;

/// <summary>

/// 델타

/// </summary>

private int delta;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.delta = 1;

#region 캔들 시리즈를 생성한다.

this.candle = new Candle();

this.candle.Title = "캔들";

this.candle.Brush.Color = Color.Red;

this.candle.Color = Color.FromArgb(68, 102, 163);

#endregion

#region 지수 이동 평균 함수를 생성한다.

this.expMovAverage = new ExpMovAverage();

this.expMovAverage.Period = 14d;

#endregion

#region 라인 시리즈를 생성한다.

this.line = new Line();

this.line.Title = "지수 이동 평균";

this.line.Brush.Color = Color.FromArgb(243, 156, 53);

this.line.Color = Color.FromArgb(243, 156, 53);

this.line.Pointer.HorizSize = 3;

this.line.Pointer.VertSize = 3;

this.line.Pointer.Brush.Color = Color.FromArgb(255, 255, 255);

this.line.Pointer.Pen.Color = Color.FromArgb(0, 0, 255);

this.line.Pointer.Visible = true;

this.line.Function = this.expMovAverage;

#endregion

#region 티차트를 설정한다.

this.tChart.Series.Add(this.candle);

this.tChart.Series.Add(this.line);

#endregion

#region 타이머를 생성한다.

this.timer = new Timer();

this.timer.Interval = 20;

#endregion

this.candle.FillSampleValues(20);

this.expMovAverage.Series.DataSource = this.candle;

this.expMovAverage.Series.CheckDataSource();

Load += Form_Load;

this.periodNumericUpDown.ValueChanged += periodNumericUpDown_ValueChanged;

this.periodNumericUpDown.TextChanged += periodNumericUpDown_TextChanged;

this.valueComboBox.SelectedIndexChanged += valueComboBox_SelectedIndexChanged;

this.animationCheckBox.CheckedChanged += animationCheckBox_CheckedChanged;

this.timer.Tick += timer_Tick;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 폼 로드시 처리하기 - Form_Load(sender, e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Form_Load(object sender, EventArgs e)

{

this.valueComboBox.SelectedIndex = 3;

}

#endregion

#region 기간 숫자 UP/DOWN 값 변경시 처리하기 - periodNumericUpDown_ValueChanged(sender, e)

/// <summary>

/// 기간 숫자 UP/DOWN 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void periodNumericUpDown_ValueChanged(object sender, EventArgs e)

{

this.expMovAverage.Period = (int)this.periodNumericUpDown.Value;

}

#endregion

#region 기간 숫자 UP/DOWN 텍스트 변경시 처리하기 - periodNumericUpDown_TextChanged(sender, e)

/// <summary>

/// 기간 숫자 UP/DOWN 텍스트 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void periodNumericUpDown_TextChanged(object sender, EventArgs e)

{

this.expMovAverage.Period = (int)this.periodNumericUpDown.Value;

}

#endregion

#region 값 콤보 박스 선택 인덱스 변경시 처리하기 - valueComboBox_SelectedIndexChanged(sender, e)

/// <summary>

/// 값 콤보 박스 선택 인덱스 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void valueComboBox_SelectedIndexChanged(object sender, EventArgs e)

{

this.expMovAverage.Series.YValues.DataMember = this.valueComboBox.Items[this.valueComboBox.SelectedIndex].ToString();

}

#endregion

#region 애니메이션 체크 박스 체크 변경시 처리하기 - animationCheckBox_CheckedChanged(sender, e)

/// <summary>

/// 애니메이션 체크 박스 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void animationCheckBox_CheckedChanged(object sender, EventArgs e)

{

this.timer.Enabled = this.animationCheckBox.Checked;

}

#endregion

#region 타이머 틱 처리하기 - timer_Tick(sender, e)

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void timer_Tick(object sender, EventArgs e)

{

this.periodNumericUpDown.Value += this.delta;

if((this.periodNumericUpDown.Value > 19) || (this.periodNumericUpDown.Value < 2 ))

{

this.delta = -this.delta;

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] ExpAverage 클래스 : 지수 평균(Exponential Average) 차트 그리기

■ ExpAverage 클래스를 사용해 지수 평균(Exponential Average) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 라인 1 시리즈
        /// </summary>
        private Line line1;

        /// <summary>
        /// 지수 평균
        /// </summary>
        private ExpAverage expAverage;

        /// <summary>
        /// 라인 2 시리즈
        /// </summary>
        private Line line2;

        /// <summary>
        /// 타이머
        /// </summary>
        private Timer timer;

        /// <summary>
        /// 델타
        /// </summary>
        private int delta;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.delta = 2;

            #region 라인 1 시리즈를 생성한다.

            this.line1 = new Line();

            this.line1.Title       = "소스";
            this.line1.Brush.Color = Color.FromArgb(119, 153, 214);
            this.line1.Color       = Color.FromArgb(119, 153, 214);

            #endregion
            #region 지수 평균을 생성한다.

            this.expAverage = new ExpAverage();

            this.expAverage.Period = 1d;

            #endregion
            #region 라인 2 시리즈를 생성한다.

            this.line2 = new Line();

            this.line2.Title             = "지수 평균";
            this.line2.Brush.Color       = Color.FromArgb(255, 207, 104);
            this.line2.Color             = Color.FromArgb(255, 207, 104);
            this.line2.Pointer.HorizSize = 2;
            this.line2.Pointer.VertSize  = 2;
            this.line2.Pointer.Color     = Color.Blue;
            this.line2.Pointer.Visible   = true;
            this.line2.DataSource        = this.line1;
            this.line2.Function          = this.expAverage;

            #endregion
            #region 티차트를 설정한다.

            this.tChart.Series.Add(this.line1);
            this.tChart.Series.Add(this.line2);

            #endregion
            #region 타이머를 생성한다.

            this.timer = new Timer();

            this.timer.Interval = 50;

            #endregion

            this.line1.FillSampleValues(30);

            this.line2.CheckDataSource();

            this.exponentialWeightTrackBar.ValueChanged += exponentialWeightTrackBar_ValueChanged;
            this.animationCheckBox.CheckedChanged       += animationCheckBox_CheckedChanged;
            this.timer.Tick                             += timer_Tick;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 지수 가중치 트랙바 값 변경시 처리하기 - exponentialWeightTrackBar_ValueChanged(sender, e)

        /// <summary>
        /// 지수 가중치 트랙바 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void exponentialWeightTrackBar_ValueChanged(object sender, EventArgs e)
        {
            this.expAverage.Weight = (int)this.exponentialWeightTrackBar.Value / 100d;

            this.exponentialWeightValueLabel.Text = this.expAverage.Weight.ToString("0.00");
        }

        #endregion
        #region 애니메이션 체크 박스 체크 변경시 처리하기 - animationCheckBox_CheckedChanged(sender, e)

        /// <summary>
        /// 애니메이션 체크 박스 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void animationCheckBox_CheckedChanged(object sender, EventArgs e)
        {
            this.timer.Enabled = this.animationCheckBox.Checked;
        }

        #endregion
        #region 타이머 틱 처리하기 - timer_Tick(sender, e)

        /// <summary>
        /// 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void timer_Tick(object sender, EventArgs e)
        {
            this.exponentialWeightTrackBar.Value += this.delta;

            if((this.exponentialWeightTrackBar.Value < 2) || (this.exponentialWeightTrackBar.Value > 98))
            {
                delta = -delta;
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

using System;

using System.Drawing;

using System.Windows.Forms;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 라인 1 시리즈

/// </summary>

private Line line1;

/// <summary>

/// 지수 평균

/// </summary>

private ExpAverage expAverage;

/// <summary>

/// 라인 2 시리즈

/// </summary>

private Line line2;

/// <summary>

/// 타이머

/// </summary>

private Timer timer;

/// <summary>

/// 델타

/// </summary>

private int delta;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.delta = 2;

#region 라인 1 시리즈를 생성한다.

this.line1 = new Line();

this.line1.Title = "소스";

this.line1.Brush.Color = Color.FromArgb(119, 153, 214);

this.line1.Color = Color.FromArgb(119, 153, 214);

#endregion

#region 지수 평균을 생성한다.

this.expAverage = new ExpAverage();

this.expAverage.Period = 1d;

#endregion

#region 라인 2 시리즈를 생성한다.

this.line2 = new Line();

this.line2.Title = "지수 평균";

this.line2.Brush.Color = Color.FromArgb(255, 207, 104);

this.line2.Color = Color.FromArgb(255, 207, 104);

this.line2.Pointer.HorizSize = 2;

this.line2.Pointer.VertSize = 2;

this.line2.Pointer.Color = Color.Blue;

this.line2.Pointer.Visible = true;

this.line2.DataSource = this.line1;

this.line2.Function = this.expAverage;

#endregion

#region 티차트를 설정한다.

this.tChart.Series.Add(this.line1);

this.tChart.Series.Add(this.line2);

#endregion

#region 타이머를 생성한다.

this.timer = new Timer();

this.timer.Interval = 50;

#endregion

this.line1.FillSampleValues(30);

this.line2.CheckDataSource();

this.exponentialWeightTrackBar.ValueChanged += exponentialWeightTrackBar_ValueChanged;

this.animationCheckBox.CheckedChanged += animationCheckBox_CheckedChanged;

this.timer.Tick += timer_Tick;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 지수 가중치 트랙바 값 변경시 처리하기 - exponentialWeightTrackBar_ValueChanged(sender, e)

/// <summary>

/// 지수 가중치 트랙바 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void exponentialWeightTrackBar_ValueChanged(object sender, EventArgs e)

{

this.expAverage.Weight = (int)this.exponentialWeightTrackBar.Value / 100d;

this.exponentialWeightValueLabel.Text = this.expAverage.Weight.ToString("0.00");

}

#endregion

#region 애니메이션 체크 박스 체크 변경시 처리하기 - animationCheckBox_CheckedChanged(sender, e)

/// <summary>

/// 애니메이션 체크 박스 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void animationCheckBox_CheckedChanged(object sender, EventArgs e)

{

this.timer.Enabled = this.animationCheckBox.Checked;

}

#endregion

#region 타이머 틱 처리하기 - timer_Tick(sender, e)

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void timer_Tick(object sender, EventArgs e)

{

this.exponentialWeightTrackBar.Value += this.delta;

if((this.exponentialWeightTrackBar.Value < 2) || (this.exponentialWeightTrackBar.Value > 98))

{

delta = -delta;

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] CompressOHLC 클래스 : 월별/주간 캔들 OHLC 차트 그리기

■ CompressOHLC 클래스를 사용해 월별/주간 캔들 OHLC 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들 1 시리즈
        /// </summary>
        private Candle candle1;

        /// <summary>
        /// OHLC 압축 함수
        /// </summary>
        private CompressOHLC compressOHLC;

        /// <summary>
        /// 캔들 2 시리즈
        /// </summary>
        private Candle candle2;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            #region 캔들 1 시리즈를 생성한다.

            this.candle1 = new Candle();

            this.candle1.Title       = "candle1";
            this.candle1.Brush.Color = Color.White;
            this.candle1.Color       = Color.FromArgb(119, 153, 214);

            #endregion
            #region 압축 OHLC 함수를 생성한다.

            this.compressOHLC = new CompressOHLC();

            this.compressOHLC.Compress = CompressionPeriod.ocWeek;

            #endregion
            #region 캔들 2 시리즈를 생성한다.

            this.candle2 = new Candle();

            this.candle2.Title       = "candle2";
            this.candle2.Brush.Color = Color.White;
            this.candle2.Color       = Color.FromArgb(255, 207, 104);
            this.candle2.DataSource  = this.candle1;
            this.candle2.Function    = this.compressOHLC;

            #endregion
            #region 티차트를 설정한다.

            this.tChart.Panel.MarginLeft  = 5;
            this.tChart.Legend.Visible    = false;

            this.tChart.Series.Add(this.candle1);
            this.tChart.Series.Add(this.candle2);

            #endregion

            this.candle1.FillSampleValues(500);

            this.candle2.Visible = false;

            this.compressionPeriodComobBox.DropDownStyle = ComboBoxStyle.DropDownList;
            this.viewComboBox.DropDownStyle              = ComboBoxStyle.DropDownList;

            this.compressionPeriodComobBox.SelectedIndexChanged += compressionPeriodComobBox_SelectedIndexChanged;
            this.viewComboBox.SelectedIndexChanged              += viewComboBox_SelectedIndexChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 압축 기간 콤보 박스 선택 인덱스 변경시 처리하기 - compressionPeriodComobBox_SelectedIndexChanged(sender, e)

        /// <summary>
        /// 압축 기간 콤보 박스 선택 인덱스 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void compressionPeriodComobBox_SelectedIndexChanged(object sender, EventArgs e)
        {
            this.candle1.Visible = false;
            this.candle2.Visible = true;

            switch(this.compressionPeriodComobBox.SelectedIndex)
            {
                case 0 : this.compressOHLC.Compress = CompressionPeriod.ocDay;     break;
                case 1 : this.compressOHLC.Compress = CompressionPeriod.ocWeek;    break;
                case 2 : this.compressOHLC.Compress = CompressionPeriod.ocMonth;   break;
                case 3 : this.compressOHLC.Compress = CompressionPeriod.ocBiMonth; break;
                case 4 : this.compressOHLC.Compress = CompressionPeriod.ocQuarter; break;
                case 5 : this.compressOHLC.Compress = CompressionPeriod.ocYear;    break;
            }
        }

        #endregion
        #region 보기 콤보 박스 선택 인덱스 변경시 처리하기 - viewComboBox_SelectedIndexChanged(sender, e)

        /// <summary>
        /// 보기 콤보 박스 선택 인덱스 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void viewComboBox_SelectedIndexChanged(object sender, EventArgs e)
        {
            switch(this.viewComboBox.SelectedIndex)
            {
                case 0 : this.candle1.Style = CandleStyles.CandleBar;   break;
                case 1 : this.candle1.Style = CandleStyles.CandleStick; break;
                case 2 : this.candle1.Style = CandleStyles.Line;        break;
                case 3 : this.candle1.Style = CandleStyles.OpenClose;   break;
            }

            this.candle2.Style = this.candle1.Style;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

using System;

using System.Drawing;

using System.Windows.Forms;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들 1 시리즈

/// </summary>

private Candle candle1;

/// <summary>

/// OHLC 압축 함수

/// </summary>

private CompressOHLC compressOHLC;

/// <summary>

/// 캔들 2 시리즈

/// </summary>

private Candle candle2;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 캔들 1 시리즈를 생성한다.

this.candle1 = new Candle();

this.candle1.Title = "candle1";

this.candle1.Brush.Color = Color.White;

this.candle1.Color = Color.FromArgb(119, 153, 214);

#endregion

#region 압축 OHLC 함수를 생성한다.

this.compressOHLC = new CompressOHLC();

this.compressOHLC.Compress = CompressionPeriod.ocWeek;

#endregion

#region 캔들 2 시리즈를 생성한다.

this.candle2 = new Candle();

this.candle2.Title = "candle2";

this.candle2.Brush.Color = Color.White;

this.candle2.Color = Color.FromArgb(255, 207, 104);

this.candle2.DataSource = this.candle1;

this.candle2.Function = this.compressOHLC;

#endregion

#region 티차트를 설정한다.

this.tChart.Panel.MarginLeft = 5;

this.tChart.Legend.Visible = false;

this.tChart.Series.Add(this.candle1);

this.tChart.Series.Add(this.candle2);

#endregion

this.candle1.FillSampleValues(500);

this.candle2.Visible = false;

this.compressionPeriodComobBox.DropDownStyle = ComboBoxStyle.DropDownList;

this.viewComboBox.DropDownStyle = ComboBoxStyle.DropDownList;

this.compressionPeriodComobBox.SelectedIndexChanged += compressionPeriodComobBox_SelectedIndexChanged;

this.viewComboBox.SelectedIndexChanged += viewComboBox_SelectedIndexChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 압축 기간 콤보 박스 선택 인덱스 변경시 처리하기 - compressionPeriodComobBox_SelectedIndexChanged(sender, e)

/// <summary>

/// 압축 기간 콤보 박스 선택 인덱스 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void compressionPeriodComobBox_SelectedIndexChanged(object sender, EventArgs e)

{

this.candle1.Visible = false;

this.candle2.Visible = true;

switch(this.compressionPeriodComobBox.SelectedIndex)

{

case 0 : this.compressOHLC.Compress = CompressionPeriod.ocDay; break;

case 1 : this.compressOHLC.Compress = CompressionPeriod.ocWeek; break;

case 2 : this.compressOHLC.Compress = CompressionPeriod.ocMonth; break;

case 3 : this.compressOHLC.Compress = CompressionPeriod.ocBiMonth; break;

case 4 : this.compressOHLC.Compress = CompressionPeriod.ocQuarter; break;

case 5 : this.compressOHLC.Compress = CompressionPeriod.ocYear; break;

}

#endregion

#region 보기 콤보 박스 선택 인덱스 변경시 처리하기 - viewComboBox_SelectedIndexChanged(sender, e)

/// <summary>

/// 보기 콤보 박스 선택 인덱스 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void viewComboBox_SelectedIndexChanged(object sender, EventArgs e)

{

switch(this.viewComboBox.SelectedIndex)

{

case 0 : this.candle1.Style = CandleStyles.CandleBar; break;

case 1 : this.candle1.Style = CandleStyles.CandleStick; break;

case 2 : this.candle1.Style = CandleStyles.Line; break;

case 3 : this.candle1.Style = CandleStyles.OpenClose; break;

}

this.candle2.Style = this.candle1.Style;

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] CLVFunction 클래스 : CLV(Close Location Value) 차트 그리기

■ CLVFunction 클래스를 사용해 CLV(Close Location Value) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 축 1
        /// </summary>
        private Axis axis1;

        /// <summary>
        /// 축 2
        /// </summary>
        private Axis axis2;

        /// <summary>
        /// 축 3
        /// </summary>
        private Axis axis3;

        /// <summary>
        /// 캔들 시리즈
        /// </summary>
        private Candle candle;

        /// <summary>
        /// 볼륨 시리즈
        /// </summary>
        private Volume volume;

        /// <summary>
        /// CLV 함수
        /// </summary>
        private CLVFunction clvFunction;

        /// <summary>
        /// 라인 시리즈
        /// </summary>
        private Line line;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            #region 축 1을 생성한다.

            this.axis1 = new Axis();

            this.axis1.StartPosition = 0d;
            this.axis1.EndPosition   = 37d;
            this.axis1.MaximumOffset = 5;
            this.axis1.MinimumOffset = 5;

            #endregion
            #region 축 2를 생성한다.

            this.axis2 = new Axis();

            this.axis2.StartPosition = 40d;
            this.axis2.EndPosition   = 69d;

            #endregion
            #region 축 3을 생성한다.

            this.axis3 = new Axis();

            this.axis3.StartPosition = 72d;
            this.axis3.EndPosition   = 100d;

            #endregion
            #region 캔들 시리즈를 생성한다.

            this.candle = new Candle();

            this.candle.Title          = "Candle";
            this.candle.VertAxis       = VerticalAxis.Custom;
            this.candle.CustomVertAxis = this.axis1;

            #endregion
            #region 볼륨 시리즈를 생성한다.

            this.volume = new Volume();

            this.volume.Title          = "Volume";
            this.volume.CustomVertAxis = this.axis2;
            this.volume.VertAxis       = VerticalAxis.Custom;
            this.volume.Brush.Color    = Color.FromArgb(119, 153, 214);

            #endregion
            #region CLV 함수를 생성한다.

            this.clvFunction = new CLVFunction();

            this.clvFunction.Accumulate = true;
            this.clvFunction.Period     = 1d;
            this.clvFunction.Volume     = this.volume;

            #endregion
            #region 라인 시리즈를 생성한다.

            this.line = new Line();

            this.line.Title          = "CLV Function";
            this.line.VertAxis       = VerticalAxis.Custom;
            this.line.CustomVertAxis = this.axis3;
            this.line.DataSource     = this.candle;
            this.line.Function       = this.clvFunction;
            this.line.Brush.Color    = Color.FromArgb(225, 207, 104);
            this.line.Color          = Color.FromArgb(255, 207, 104);

            #endregion
            #region 티차트를 설정한다.

            this.tChart.Panel.MarginLeft  = 5;
            this.tChart.Legend.Visible    = false;
            this.tChart.Axes.Left.Visible = false;

            this.tChart.Axes.Custom.Add(this.axis1);
            this.tChart.Axes.Custom.Add(this.axis2);
            this.tChart.Axes.Custom.Add(this.axis3);

            this.tChart.Series.Add(this.candle);
            this.tChart.Series.Add(this.volume);
            this.tChart.Series.Add(this.line);

            #endregion

            this.candle.FillSampleValues();
            this.volume.FillSampleValues();

            this.accumulateCheckBox.Checked       = this.clvFunction.Accumulate;
            this.multiplyByVolumeCheckBox.Checked = this.clvFunction.Volume != null;

            this.accumulateCheckBox.Click       += accumulateCheckBox_Click;
            this.multiplyByVolumeCheckBox.Click += multiplybyVolumeCheckBox_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Accumulate 체크 박스 클릭시 처리하기 - accumulateCheckBox_Click(sender, e)

        /// <summary>
        /// Accumulate 체크 박스 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void accumulateCheckBox_Click(object sender, EventArgs e)
        {
            this.clvFunction.Accumulate = this.accumulateCheckBox.Checked;
        }

        #endregion
        #region Multiply by Volume 체크 박스 클릭시 처리하기 - multiplybyVolumeCheckBox_Click(sender, e)

        /// <summary>
        /// Multiply by Volume 체크 박스 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void multiplybyVolumeCheckBox_Click(object sender, EventArgs e)
        {
            this.clvFunction.Volume = this.multiplyByVolumeCheckBox.Checked ? this.volume : null;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

using System;

using System.Drawing;

using System.Windows.Forms;

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 축 1

/// </summary>

private Axis axis1;

/// <summary>

/// 축 2

/// </summary>

private Axis axis2;

/// <summary>

/// 축 3

/// </summary>

private Axis axis3;

/// <summary>

/// 캔들 시리즈

/// </summary>

private Candle candle;

/// <summary>

/// 볼륨 시리즈

/// </summary>

private Volume volume;

/// <summary>

/// CLV 함수

/// </summary>

private CLVFunction clvFunction;

/// <summary>

/// 라인 시리즈

/// </summary>

private Line line;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 축 1을 생성한다.

this.axis1 = new Axis();

this.axis1.StartPosition = 0d;

this.axis1.EndPosition = 37d;

this.axis1.MaximumOffset = 5;

this.axis1.MinimumOffset = 5;

#endregion

#region 축 2를 생성한다.

this.axis2 = new Axis();

this.axis2.StartPosition = 40d;

this.axis2.EndPosition = 69d;

#endregion

#region 축 3을 생성한다.

this.axis3 = new Axis();

this.axis3.StartPosition = 72d;

this.axis3.EndPosition = 100d;

#endregion

#region 캔들 시리즈를 생성한다.

this.candle = new Candle();

this.candle.Title = "Candle";

this.candle.VertAxis = VerticalAxis.Custom;

this.candle.CustomVertAxis = this.axis1;

#endregion

#region 볼륨 시리즈를 생성한다.

this.volume = new Volume();

this.volume.Title = "Volume";

this.volume.CustomVertAxis = this.axis2;

this.volume.VertAxis = VerticalAxis.Custom;

this.volume.Brush.Color = Color.FromArgb(119, 153, 214);

#endregion

#region CLV 함수를 생성한다.

this.clvFunction = new CLVFunction();

this.clvFunction.Accumulate = true;

this.clvFunction.Period = 1d;

this.clvFunction.Volume = this.volume;

#endregion

#region 라인 시리즈를 생성한다.

this.line = new Line();

this.line.Title = "CLV Function";

this.line.VertAxis = VerticalAxis.Custom;

this.line.CustomVertAxis = this.axis3;

this.line.DataSource = this.candle;

this.line.Function = this.clvFunction;

this.line.Brush.Color = Color.FromArgb(225, 207, 104);

this.line.Color = Color.FromArgb(255, 207, 104);

#endregion

#region 티차트를 설정한다.

this.tChart.Panel.MarginLeft = 5;

this.tChart.Legend.Visible = false;

this.tChart.Axes.Left.Visible = false;

this.tChart.Axes.Custom.Add(this.axis1);

this.tChart.Axes.Custom.Add(this.axis2);

this.tChart.Axes.Custom.Add(this.axis3);

this.tChart.Series.Add(this.candle);

this.tChart.Series.Add(this.volume);

this.tChart.Series.Add(this.line);

#endregion

this.candle.FillSampleValues();

this.volume.FillSampleValues();

this.accumulateCheckBox.Checked = this.clvFunction.Accumulate;

this.multiplyByVolumeCheckBox.Checked = this.clvFunction.Volume != null;

this.accumulateCheckBox.Click += accumulateCheckBox_Click;

this.multiplyByVolumeCheckBox.Click += multiplybyVolumeCheckBox_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Accumulate 체크 박스 클릭시 처리하기 - accumulateCheckBox_Click(sender, e)

/// <summary>

/// Accumulate 체크 박스 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void accumulateCheckBox_Click(object sender, EventArgs e)

{

this.clvFunction.Accumulate = this.accumulateCheckBox.Checked;

}

#endregion

#region Multiply by Volume 체크 박스 클릭시 처리하기 - multiplybyVolumeCheckBox_Click(sender, e)

/// <summary>

/// Multiply by Volume 체크 박스 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void multiplybyVolumeCheckBox_Click(object sender, EventArgs e)

{

this.clvFunction.Volume = this.multiplyByVolumeCheckBox.Checked ? this.volume : null;

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] CCIFunction 클래스 : CCI(Commodity Channel Index) 차트 그리기

■ CCIFunction 클래스를 사용해 CCI(Commodity Channel Index) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Text.RegularExpressions;
using System.Windows.Forms;

using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 축 1
        /// </summary>
        private Axis axis1;

        /// <summary>
        /// 축 2
        /// </summary>
        private Axis axis2;

        /// <summary>
        /// 캔들 시리즈
        /// </summary>
        private Candle candle;

        /// <summary>
        /// CCI 함수
        /// </summary>
        private CCIFunction cciFunction;

        /// <summary>
        /// 라인 시리즈
        /// </summary>
        private Line line;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            #region 축 1을 생성한다.

            this.axis1 = new Axis();

            this.axis1.StartPosition = 0;
            this.axis1.EndPosition   = 49;
            this.axis1.MaximumOffset = 5;
            this.axis1.MinimumOffset = 5;

            #endregion
            #region 축 2를 생성한다.

            this.axis2 = new Axis();

            this.axis2.StartPosition = 51;
            this.axis2.EndPosition   = 100;

            #endregion

            #region 캔들 시리즈를 생성한다.

            this.candle = new Candle();

            this.candle.Title          = "candle";
            this.candle.VertAxis       = VerticalAxis.Custom;
            this.candle.CustomVertAxis = this.axis1;

            this.candle.FillSampleValues();

            #endregion
            #region CCI 함수를 생성한다.

            this.cciFunction = new CCIFunction();

            this.cciFunction.Period = 20;

            #endregion
            #region 라인 시리즈를 생성한다.

            this.line = new Line();

            this.line.Title          = "line";
            this.line.VertAxis       = VerticalAxis.Custom;
            this.line.CustomVertAxis = this.axis2;
            this.line.Brush.Color    = Color.FromArgb(90, 150, 220);
            this.line.Color          = Color.FromArgb(90, 150, 220);
            this.line.DataSource     = this.candle;
            this.line.Function       = this.cciFunction;

            #endregion

            #region 티차트를 설정한다.

            this.tChart.Panel.MarginLeft  = 5;
            this.tChart.Legend.Visible    = false;
            this.tChart.Axes.Left.Visible = false;

            this.tChart.Axes.Custom.Add(this.axis1);
            this.tChart.Axes.Custom.Add(this.axis2);

            this.tChart.Series.Add(this.candle);
            this.tChart.Series.Add(this.line);

            #endregion

            this.movingAveragePeriodNumericUpDown.Value = (decimal)cciFunction.Period;

            this.constantTextBox.Text = cciFunction.Constant.ToString();

            this.movingAveragePeriodNumericUpDown.ValueChanged += movingAveragePeriodNumericUpDown_ValueChanged;
            this.constantTextBox.TextChanged                   += constantTextBox_TextChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 이동 평균 기간 숫자 UP/DOWN 값 변경시 처리하기 - movingAveragePeriodNumericUpDown_ValueChanged(sender, e)

        /// <summary>
        /// 이동 평균 기간 숫자 UP/DOWN 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void movingAveragePeriodNumericUpDown_ValueChanged(object sender, EventArgs e)
        {
            this.cciFunction.Period = (double)this.movingAveragePeriodNumericUpDown.Value;
        }

        #endregion
        #region 상수 텍스트 박스 텍스트 변경시 처리하기 - constantTextBox_TextChanged(sender, e)

        /// <summary>
        /// 상수 텍스트 박스 텍스트 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void constantTextBox_TextChanged(object sender, EventArgs e)
        {
            if(!Regex.IsMatch(this.constantTextBox.Text, @"[^0-9.,]") && this.constantTextBox.Text != string.Empty)
            {
                try
                {
                    this.cciFunction.Constant = Convert.ToDouble(this.constantTextBox.Text);
                }
                catch
                {
                    throw;
                }
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

using System;

using System.Drawing;

using System.Text.RegularExpressions;

using System.Windows.Forms;

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 축 1

/// </summary>

private Axis axis1;

/// <summary>

/// 축 2

/// </summary>

private Axis axis2;

/// <summary>

/// 캔들 시리즈

/// </summary>

private Candle candle;

/// <summary>

/// CCI 함수

/// </summary>

private CCIFunction cciFunction;

/// <summary>

/// 라인 시리즈

/// </summary>

private Line line;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 축 1을 생성한다.

this.axis1 = new Axis();

this.axis1.StartPosition = 0;

this.axis1.EndPosition = 49;

this.axis1.MaximumOffset = 5;

this.axis1.MinimumOffset = 5;

#endregion

#region 축 2를 생성한다.

this.axis2 = new Axis();

this.axis2.StartPosition = 51;

this.axis2.EndPosition = 100;

#endregion

#region 캔들 시리즈를 생성한다.

this.candle = new Candle();

this.candle.Title = "candle";

this.candle.VertAxis = VerticalAxis.Custom;

this.candle.CustomVertAxis = this.axis1;

this.candle.FillSampleValues();

#endregion

#region CCI 함수를 생성한다.

this.cciFunction = new CCIFunction();

this.cciFunction.Period = 20;

#endregion

#region 라인 시리즈를 생성한다.

this.line = new Line();

this.line.Title = "line";

this.line.VertAxis = VerticalAxis.Custom;

this.line.CustomVertAxis = this.axis2;

this.line.Brush.Color = Color.FromArgb(90, 150, 220);

this.line.Color = Color.FromArgb(90, 150, 220);

this.line.DataSource = this.candle;

this.line.Function = this.cciFunction;

#endregion

#region 티차트를 설정한다.

this.tChart.Panel.MarginLeft = 5;

this.tChart.Legend.Visible = false;

this.tChart.Axes.Left.Visible = false;

this.tChart.Axes.Custom.Add(this.axis1);

this.tChart.Axes.Custom.Add(this.axis2);

this.tChart.Series.Add(this.candle);

this.tChart.Series.Add(this.line);

#endregion

this.movingAveragePeriodNumericUpDown.Value = (decimal)cciFunction.Period;

this.constantTextBox.Text = cciFunction.Constant.ToString();

this.movingAveragePeriodNumericUpDown.ValueChanged += movingAveragePeriodNumericUpDown_ValueChanged;

this.constantTextBox.TextChanged += constantTextBox_TextChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 이동 평균 기간 숫자 UP/DOWN 값 변경시 처리하기 - movingAveragePeriodNumericUpDown_ValueChanged(sender, e)

/// <summary>

/// 이동 평균 기간 숫자 UP/DOWN 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void movingAveragePeriodNumericUpDown_ValueChanged(object sender, EventArgs e)

{

this.cciFunction.Period = (double)this.movingAveragePeriodNumericUpDown.Value;

}

#endregion

#region 상수 텍스트 박스 텍스트 변경시 처리하기 - constantTextBox_TextChanged(sender, e)

/// <summary>

/// 상수 텍스트 박스 텍스트 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void constantTextBox_TextChanged(object sender, EventArgs e)

{

if(!Regex.IsMatch(this.constantTextBox.Text, @"[^0-9.,]") && this.constantTextBox.Text != string.Empty)

{

try

{

this.cciFunction.Constant = Convert.ToDouble(this.constantTextBox.Text);

}

catch

{

throw;

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] Bollinger 클래스 : 볼린저 밴드 그리기

■ Bollinger 클래스를 사용해 볼린저 밴드를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들
        /// </summary>
        private Candle candle;

        /// <summary>
        /// 라인
        /// </summary>
        private Line line;

        /// <summary>
        /// 볼린저
        /// </summary>
        private Bollinger bollinger;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.periodNumericUpDown.Value    = 50;
            this.deviationNumericUpDown.Value = 2;

            this.candle = new Candle(this.tChart.Chart);

            this.candle.Title               = "Candle";
            this.candle.UseExtendedNumRange = false;

            this.candle.FillSampleValues(400);

            this.bollinger = new Bollinger(this.tChart.Chart);

            this.bollinger.Period    = 50;
            this.bollinger.Deviation = 2;

            this.line = new Line(this.tChart.Chart);

            this.line.Title               = "Bollinger";
            this.line.ColorEach           = false;
            this.line.UseExtendedNumRange = false;
            this.line.DataSource          = this.candle;
            this.line.Function            = this.bollinger;

            Load                                     += Form_Load;
            this.buttonColor.Click                   += buttonColor_Click;
            this.periodNumericUpDown.ValueChanged    += periodNumericUpDown_ValueChanged;
            this.deviationNumericUpDown.ValueChanged += deviationNumericUpDown_ValueChanged;
            this.exponentialCheckBox.Click           += exponentialCheckBox_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_Load(object sender, EventArgs e)
        {
            this.buttonColor.Color = this.line.Color;
        }

        #endregion
        #region 버튼 색상 클릭시 처리하기 - buttonColor_Click(sender, e)

        /// <summary>
        /// 버튼 색상 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void buttonColor_Click(object sender, EventArgs e)
        {
            this.line.Color = this.buttonColor.Color;

            this.bollinger.LowBandPen.Color = this.buttonColor.Color;
        }

        #endregion
        #region 기간 숫자 UP/DOWN 값 변경시 처리하기 - periodNumericUpDown_ValueChanged(sender, e)

        /// <summary>
        /// 기간 숫자 UP/DOWN 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void periodNumericUpDown_ValueChanged(object sender, EventArgs e)
        {
            this.bollinger.Period = Convert.ToDouble(this.periodNumericUpDown.Value);
        }

        #endregion
        #region 편차 숫자 UP/DOWN 값 변경시 처리하기 - deviationNumericUpDown_ValueChanged(sender, e)

        /// <summary>
        /// 편차 숫자 UP/DOWN 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void deviationNumericUpDown_ValueChanged(object sender, EventArgs e)
        {
            this.bollinger.Deviation = Convert.ToDouble(this.deviationNumericUpDown.Value);
        }

        #endregion
        #region 지수 체크 박스 클릭시 처리하기 - exponentialCheckBox_Click(sender, e)

        /// <summary>
        /// 지수 체크 박스 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void exponentialCheckBox_Click(object sender, EventArgs e)
        {
            this.bollinger.Exponential = this.exponentialCheckBox.Checked;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

using System;

using System.Windows.Forms;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들

/// </summary>

private Candle candle;

/// <summary>

/// 라인

/// </summary>

private Line line;

/// <summary>

/// 볼린저

/// </summary>

private Bollinger bollinger;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.periodNumericUpDown.Value = 50;

this.deviationNumericUpDown.Value = 2;

this.candle = new Candle(this.tChart.Chart);

this.candle.Title = "Candle";

this.candle.UseExtendedNumRange = false;

this.candle.FillSampleValues(400);

this.bollinger = new Bollinger(this.tChart.Chart);

this.bollinger.Period = 50;

this.bollinger.Deviation = 2;

this.line = new Line(this.tChart.Chart);

this.line.Title = "Bollinger";

this.line.ColorEach = false;

this.line.UseExtendedNumRange = false;

this.line.DataSource = this.candle;

this.line.Function = this.bollinger;

Load += Form_Load;

this.buttonColor.Click += buttonColor_Click;

this.periodNumericUpDown.ValueChanged += periodNumericUpDown_ValueChanged;

this.deviationNumericUpDown.ValueChanged += deviationNumericUpDown_ValueChanged;

this.exponentialCheckBox.Click += exponentialCheckBox_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 폼 로드시 처리하기 - Form_Load(sender, e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Form_Load(object sender, EventArgs e)

{

this.buttonColor.Color = this.line.Color;

}

#endregion

#region 버튼 색상 클릭시 처리하기 - buttonColor_Click(sender, e)

/// <summary>

/// 버튼 색상 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void buttonColor_Click(object sender, EventArgs e)

{

this.line.Color = this.buttonColor.Color;

this.bollinger.LowBandPen.Color = this.buttonColor.Color;

}

#endregion

#region 기간 숫자 UP/DOWN 값 변경시 처리하기 - periodNumericUpDown_ValueChanged(sender, e)

/// <summary>

/// 기간 숫자 UP/DOWN 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void periodNumericUpDown_ValueChanged(object sender, EventArgs e)

{

this.bollinger.Period = Convert.ToDouble(this.periodNumericUpDown.Value);

}

#endregion

#region 편차 숫자 UP/DOWN 값 변경시 처리하기 - deviationNumericUpDown_ValueChanged(sender, e)

/// <summary>

/// 편차 숫자 UP/DOWN 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void deviationNumericUpDown_ValueChanged(object sender, EventArgs e)

{

this.bollinger.Deviation = Convert.ToDouble(this.deviationNumericUpDown.Value);

}

#endregion

#region 지수 체크 박스 클릭시 처리하기 - exponentialCheckBox_Click(sender, e)

/// <summary>

/// 지수 체크 박스 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void exponentialCheckBox_Click(object sender, EventArgs e)

{

this.bollinger.Exponential = this.exponentialCheckBox.Checked;

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] ATRFunction 클래스 : ART(Average True Range) 차트 그리기

■ ATRFunction 클래스를 사용해 ART(Average True Range) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

using Steema.TeeChart;
using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들
        /// </summary>
        private Candle candle = new Candle();

        /// <summary>
        /// 라인
        /// </summary>
        private Line line = new Line();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            Axis customAxis = new Axis(this.tChart.Chart);

            customAxis.Horizontal = false;

            customAxis.StartPosition = 70;
            customAxis.EndPosition   = 100;

            this.tChart.Aspect.View3D = false;

            this.tChart.Header.Text           = "ATR (9)";
            this.tChart.Legend.Visible        = false;
            this.tChart.Axes.Left.EndPosition = 70;

            this.tChart.Axes.Custom.Add(customAxis);

            this.tChart.Series.Add(candle);
            this.tChart.Series.Add(line);

            this.candle.FillSampleValues(200);

            ATRFunction function = new ATRFunction(this.tChart.Chart);

            this.line.Function       = function;
            this.line.DataSource     = this.candle;
            this.line.CustomVertAxis = customAxis;

            this.periodNumericUpDown.ValueChanged += periodNumericUpDown_ValueChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 기간 숫자 UP/DOWN 값 변경시 처리하기 - periodNumericUpDown_ValueChanged(sender, e)

        /// <summary>
        /// 기간 숫자 UP/DOWN 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void periodNumericUpDown_ValueChanged(object sender, EventArgs e)
        {
            this.line.Function.Period = (double)this.periodNumericUpDown.Value;

            this.tChart.Header.Text = $"ATR({this.line.Function.Period})";
        }

        #endregion
    }
}

using System;

using System.Windows.Forms;

using Steema.TeeChart;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들

/// </summary>

private Candle candle = new Candle();

/// <summary>

/// 라인

/// </summary>

private Line line = new Line();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

Axis customAxis = new Axis(this.tChart.Chart);

customAxis.Horizontal = false;

customAxis.StartPosition = 70;

customAxis.EndPosition = 100;

this.tChart.Aspect.View3D = false;

this.tChart.Header.Text = "ATR (9)";

this.tChart.Legend.Visible = false;

this.tChart.Axes.Left.EndPosition = 70;

this.tChart.Axes.Custom.Add(customAxis);

this.tChart.Series.Add(candle);

this.tChart.Series.Add(line);

this.candle.FillSampleValues(200);

ATRFunction function = new ATRFunction(this.tChart.Chart);

this.line.Function = function;

this.line.DataSource = this.candle;

this.line.CustomVertAxis = customAxis;

this.periodNumericUpDown.ValueChanged += periodNumericUpDown_ValueChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 기간 숫자 UP/DOWN 값 변경시 처리하기 - periodNumericUpDown_ValueChanged(sender, e)

/// <summary>

/// 기간 숫자 UP/DOWN 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void periodNumericUpDown_ValueChanged(object sender, EventArgs e)

{

this.line.Function.Period = (double)this.periodNumericUpDown.Value;

this.tChart.Header.Text = $"ATR({this.line.Function.Period})";

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] AOFunction 클래스 : AO(Awesome Oscillator) 차트 그리기

■ AOFunction 클래스를 사용해 AO(Awesome Oscillator) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들
        /// </summary>
        private Candle candle = new Candle();

        /// <summary>
        /// 볼륨
        /// </summary>
        private Volume volume = new Volume();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.tChart.Aspect.View3D = false;

            this.tChart.Series.Add(this.candle);
            this.tChart.Series.Add(this.volume);

            this.candle.FillSampleValues(200);

            AOFunction function = new AOFunction(this.tChart.Chart);

            this.volume.Function   = function;
            this.volume.DataSource = this.candle;

            this.drawRandomButton.Click += drawRandomButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 랜덤 그리기 버튼 클릭시 처리하기 - drawRandomButton_Click(sender, e)

        /// <summary>
        /// 랜덤 그리기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void drawRandomButton_Click(object sender, EventArgs e)
        {
            this.candle.FillSampleValues(200);
        }

        #endregion
    }
}

using System;

using System.Windows.Forms;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들

/// </summary>

private Candle candle = new Candle();

/// <summary>

/// 볼륨

/// </summary>

private Volume volume = new Volume();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.tChart.Aspect.View3D = false;

this.tChart.Series.Add(this.candle);

this.tChart.Series.Add(this.volume);

this.candle.FillSampleValues(200);

AOFunction function = new AOFunction(this.tChart.Chart);

this.volume.Function = function;

this.volume.DataSource = this.candle;

this.drawRandomButton.Click += drawRandomButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 랜덤 그리기 버튼 클릭시 처리하기 - drawRandomButton_Click(sender, e)

/// <summary>

/// 랜덤 그리기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void drawRandomButton_Click(object sender, EventArgs e)

{

this.candle.FillSampleValues(200);

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] AlligatorFunction 클래스 : ATI(Alligator Technical Indicator) 차트 그리기

■ AlligatorFunction 클래스를 사용해 ATI(Alligator Technical Indicator) 차트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

using Steema.TeeChart.Functions;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 캔들
        /// </summary>
        private Candle candle = new Candle();

        /// <summary>
        /// 라인
        /// </summary>
        private Line line = new Line();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.candle.Title = "Data";

            AlligatorFunction alligatorFunction = new AlligatorFunction(this.tChart.Chart);

            this.line.Function   = alligatorFunction;
            this.line.DataSource = this.candle;

            this.line.Title = "Alligator";

            this.tChart.Aspect.View3D = false;
            this.tChart.Header.Text   = "Alligator technical indicator";

            this.tChart.Series.Add(candle);
            this.tChart.Series.Add(line);

            this.candle.FillSampleValues(200);

            this.drawRandomButton.Click += drawRandomButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 랜덤 그리기 버튼 클릭시 처리하기 - drawRandomButton_Click(sender, e)

        /// <summary>
        /// 랜덤 그리기 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void drawRandomButton_Click(object sender, EventArgs e)
        {
            this.candle.FillSampleValues(200);
        }

        #endregion
    }
}

using System;

using System.Windows.Forms;

using Steema.TeeChart.Functions;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 캔들

/// </summary>

private Candle candle = new Candle();

/// <summary>

/// 라인

/// </summary>

private Line line = new Line();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.candle.Title = "Data";

AlligatorFunction alligatorFunction = new AlligatorFunction(this.tChart.Chart);

this.line.Function = alligatorFunction;

this.line.DataSource = this.candle;

this.line.Title = "Alligator";

this.tChart.Aspect.View3D = false;

this.tChart.Header.Text = "Alligator technical indicator";

this.tChart.Series.Add(candle);

this.tChart.Series.Add(line);

this.candle.FillSampleValues(200);

this.drawRandomButton.Click += drawRandomButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 랜덤 그리기 버튼 클릭시 처리하기 - drawRandomButton_Click(sender, e)

/// <summary>

/// 랜덤 그리기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void drawRandomButton_Click(object sender, EventArgs e)

{

this.candle.FillSampleValues(200);

}

#endregion

}

TestProject.zip

[C#/COMMON/SELENIUM] 셀레니움을 사용해 구글 자동 검색하기

■ 셀레니움을 사용해 구글 자동 검색하는 방법을 보여준다. ▶ Program.cs


using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Support.UI;

using SeleniumExtras.WaitHelpers;

namespace TestProject;

/// <summary>
/// 프로그램
/// </summary>
class Program
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region 프로그램 시작하기 - Main()

    /// <summary>
    /// 프로그램 시작하기
    /// </summary>
    private static void Main()
    {
        Console.Write("검색할 문자열을 입력해 주시기 바랍니다 : ");

        string searchStrnig = Console.ReadLine();

        ChromeDriverService driverService = ChromeDriverService.CreateDefaultService();

        ChromeOptions options =new ChromeOptions();

        ChromeDriver driver = new ChromeDriver(driverService, options);

        INavigation navigation = driver.Navigate();

        navigation.GoToUrl("https://www.google.com");

        WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));

        wait.Until(ExpectedConditions.ElementIsVisible(By.XPath("/html/body")));

        IWebElement element = driver.FindElement(By.Name("q"));

        element.SendKeys(searchStrnig);

        element.Submit();

        Console.WriteLine("프로그램을 종료하기 위해서 아무 키나 눌러 주시기 바랍니다.");

        Console.ReadKey(false);

        driver.Quit();
    }

    #endregion
}

using OpenQA.Selenium;

using OpenQA.Selenium.Chrome;

using OpenQA.Selenium.Support.UI;

using SeleniumExtras.WaitHelpers;

namespace TestProject;

/// <summary>

/// 프로그램

/// </summary>

class Program

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Private

#region 프로그램 시작하기 - Main()

/// <summary>

/// 프로그램 시작하기

/// </summary>

private static void Main()

{

Console.Write("검색할 문자열을 입력해 주시기 바랍니다 : ");

string searchStrnig = Console.ReadLine();

ChromeDriverService driverService = ChromeDriverService.CreateDefaultService();

ChromeOptions options =new ChromeOptions();

ChromeDriver driver = new ChromeDriver(driverService, options);

INavigation navigation = driver.Navigate();

navigation.GoToUrl("https://www.google.com");

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));

wait.Until(ExpectedConditions.ElementIsVisible(By.XPath("/html/body")));

IWebElement element = driver.FindElement(By.Name("q"));

element.SendKeys(searchStrnig);

element.Submit();

Console.WriteLine("프로그램을 종료하기 위해서 아무 키나 눌러 주시기 바랍니다.");

Console.ReadKey(false);

driver.Quit();

}

#endregion

}

TestProject.zip

[C#/COMMON] CodeAccessPermission 클래스 : Demand 메소드를 사용해 권한 감지하기

■ CodeAccessPermission 클래스의 Demand 메소드를 사용해 권한을 감지하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.IO;
using System.Security;
using System.Security.Permissions;

namespace TestProject
{
    /// <summary>
    /// 파일 헬퍼
    /// </summary>
    public class FileHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 저장하기 - Save(filePath)

        /// <summary>
        /// 저장하기
        /// </summary>
        /// <param name="filePath">파일 경로</param>
        public static void Save(string filePath)
        {
            if(IsPermissionGranted(new FileIOPermission(FileIOPermissionAccess.Write, filePath)))
            {
                using(FileStream stream = File.Create(filePath))
                {
                    using(StreamWriter writer = new StreamWriter(stream))
                    {
                        writer.WriteLine("I can write to local disk.");
                    }
                }
            }
            else
            {
                Console.WriteLine("I can't write to local disk.");
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Private

        #region 권한 부여 여부 구하기 - IsPermissionGranted(permission)

        /// <summary>
        /// 권한 부여 여부 구하기
        /// </summary>
        /// <param name="permission">권한</param>
        /// <returns>권한 부여 여부</returns>
        private static bool IsPermissionGranted(CodeAccessPermission permission)
        {
            try
            {
                permission.Demand();

                return true;
            }
            catch
            {
                return false;
            }
        }

        #endregion
    }
}

using System;

using System.IO;

using System.Security;

using System.Security.Permissions;

namespace TestProject

{

/// <summary>

/// 파일 헬퍼

/// </summary>

public class FileHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 저장하기 - Save(filePath)

/// <summary>

/// 저장하기

/// </summary>

/// <param name="filePath">파일 경로</param>

public static void Save(string filePath)

{

if(IsPermissionGranted(new FileIOPermission(FileIOPermissionAccess.Write, filePath)))

{

using(FileStream stream = File.Create(filePath))

{

using(StreamWriter writer = new StreamWriter(stream))

{

writer.WriteLine("I can write to local disk.");

}

else

{

Console.WriteLine("I can't write to local disk.");

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Private

#region 권한 부여 여부 구하기 - IsPermissionGranted(permission)

/// <summary>

/// 권한 부여 여부 구하기

/// </summary>

/// <param name="permission">권한</param>

/// <returns>권한 부여 여부</returns>

private static bool IsPermissionGranted(CodeAccessPermission permission)

{

try

{

permission.Demand();

return true;

}

catch

{

return false;

}

#endregion

}

[C#/WPF] CompositionTarget 클래스 : Rendering 정적 이벤트를 사용해 프레임당 간격으로 렌더링하기

■ CompositionTarget 클래스의 Rendering 정적 이벤트를 사용해 프레임당 간격으로 렌더링하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="FloralWhite"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type Label}">
            <Setter Property="HorizontalAlignment" Value="Right"  />
            <Setter Property="Foreground"          Value="Maroon" />
        </Style>
    </Window.Resources>
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0"
            TextWrapping="Wrap">
아래 캔버스 객체 위로 마우스를 이동해 주시기 바랍니다.<LineBreak />
MouseMoveEvent 핸들러는 CompositionTarget.Rendering 핸들러에서 사용되는 좌표 값을 업데이트합니다.
캔버스의 배경색을 결정합니다. 아래 숫자는 경과 시간(초), 렌더링된 프레임 수 및 평균 프레임 속도를 보여줍니다.
        </TextBlock>
        <Grid Grid.Row="1"
            Margin="10">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Label Grid.Row="0" Grid.Column="0"
                Content="경과 시간 (HH:mm:ss) :" />
            <Label Grid.Row="1" Grid.Column="0"
                Content="프레임 수 :" />
            <Label Grid.Row="2" Grid.Column="0"
                Content="평균 FPS :" />
            <Label Name="stopwatchLabel" Grid.Row="0" Grid.Column="1" />
            <Label Name="frameCounterLabel" Grid.Row="1" Grid.Column="1" />
            <Label Name="frameRateLabel" Grid.Row="2" Grid.Column="1" />
        </Grid>
        <Canvas Name="canvas" Grid.Row="2"
            Margin="0 10 0 0"/>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="FloralWhite"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

</Style>

</Window.Resources>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<TextBlock Grid.Row="0"

TextWrapping="Wrap">

아래 캔버스 객체 위로 마우스를 이동해 주시기 바랍니다.<LineBreak />

MouseMoveEvent 핸들러는 CompositionTarget.Rendering 핸들러에서 사용되는 좌표 값을 업데이트합니다.

캔버스의 배경색을 결정합니다. 아래 숫자는 경과 시간(초), 렌더링된 프레임 수 및 평균 프레임 속도를 보여줍니다.

</TextBlock>

<Grid Grid.Row="1"

Margin="10">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Label Grid.Row="0" Grid.Column="0"

Content="경과 시간 (HH:mm:ss) :" />

<Label Grid.Row="1" Grid.Column="0"

Content="프레임 수 :" />

<Label Grid.Row="2" Grid.Column="0"

Content="평균 FPS :" />

</Grid>

<Canvas Name="canvas" Grid.Row="2"

Margin="0 10 0 0"/>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Diagnostics;
using System.Globalization;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 스톱워치
        /// </summary>
        private readonly Stopwatch stopwatch = new Stopwatch();

        /// <summary>
        /// 프레임 카운터
        /// </summary>
        private double frameCounter;

        /// <summary>
        /// 마우스 포인트
        /// </summary>
        private Point mousePoint;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            CompositionTarget.Rendering += CompositionTarget_Rendering;
            canvas.MouseMove            += canvas_MouseMove;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 컴포지션 타켓 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

        /// <summary>
        /// 컴포지션 타켓 렌더링시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            if(this.frameCounter++ == 0)
            {
                this.stopwatch.Start();
            }

            long frameRate = (long)(this.frameCounter / this.stopwatch.Elapsed.TotalSeconds);

            if(frameRate > 0)
            {
                this.stopwatchLabel.Content = this.stopwatch.Elapsed.ToString();

                this.frameCounterLabel.Content = this.frameCounter.ToString(CultureInfo.InvariantCulture);

                this.frameRateLabel.Content = frameRate.ToString();
            }

            byte red  = (byte)(this.mousePoint.X / 3.0);
            byte blue = (byte)(this.mousePoint.Y / 2.0);

            this.canvas.Background = new SolidColorBrush(Color.FromRgb(red, 0, blue));
        }

        #endregion
        #region 캔버스 마우스 이동시 처리하기 - canvas_MouseMove(sender, e)

        /// <summary>
        /// 캔버스 마우스 이동시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void canvas_MouseMove(object sender, MouseEventArgs e)
        {
            this.mousePoint = e.GetPosition(sender as UIElement);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

using System;

using System.Diagnostics;

using System.Globalization;

using System.Windows;

using System.Windows.Input;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 스톱워치

/// </summary>

private readonly Stopwatch stopwatch = new Stopwatch();

/// <summary>

/// 프레임 카운터

/// </summary>

private double frameCounter;

/// <summary>

/// 마우스 포인트

/// </summary>

private Point mousePoint;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

CompositionTarget.Rendering += CompositionTarget_Rendering;

canvas.MouseMove += canvas_MouseMove;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 컴포지션 타켓 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

/// <summary>

/// 컴포지션 타켓 렌더링시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CompositionTarget_Rendering(object sender, EventArgs e)

{

if(this.frameCounter++ == 0)

{

this.stopwatch.Start();

}

long frameRate = (long)(this.frameCounter / this.stopwatch.Elapsed.TotalSeconds);

if(frameRate > 0)

{

this.stopwatchLabel.Content = this.stopwatch.Elapsed.ToString();

this.frameCounterLabel.Content = this.frameCounter.ToString(CultureInfo.InvariantCulture);

this.frameRateLabel.Content = frameRate.ToString();

}

byte red = (byte)(this.mousePoint.X / 3.0);

byte blue = (byte)(this.mousePoint.Y / 2.0);

this.canvas.Background = new SolidColorBrush(Color.FromRgb(red, 0, blue));

}

#endregion

#region 캔버스 마우스 이동시 처리하기 - canvas_MouseMove(sender, e)

/// <summary>

/// 캔버스 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void canvas_MouseMove(object sender, MouseEventArgs e)

{

this.mousePoint = e.GetPosition(sender as UIElement);

}

#endregion

}

TestProject.zip

[C#/WPF] VisualTreeHelper 클래스 : GetDrawing 정적 메소드를 사용해 비주얼 객체에서 드로잉 그룹 구하기

■ VisualTreeHelper 클래스의 GetDrawing 정적 메소드를 사용해 비주얼 객체에서 드로잉 그룹을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media;

Visual sourceVisual;

...

DrawingGroup drawingGroup = VisualTreeHelper.GetDrawing(sourceVisual);

using System.Windows.Media;

Visual sourceVisual;

...

DrawingGroup drawingGroup = VisualTreeHelper.GetDrawing(sourceVisual);

[C#/WPF] VisualTreeHelper 클래스 : GetOffset 정적 메소드를 사용해 비주얼 객체의 오프셋 구하기

■ VisualTreeHelper 클래스의 GetOffset 정적 메소드를 사용해 비주얼 객체의 오프셋을 구하는 방법을 보여준다. 오프셋은 마진 값을 고려하며 비주얼 객체의 부모를 기준으로 한다.

[C#/WPF] VisualTreeHelper 클래스 : HitTest 정적 메소드에서 히트 테스트 필터 콜백 처리하기

■ VisualTreeHelper 클래스의 HitTest 정적 메소드에서 히트 테스트 필터 콜백을 처리하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Border
            BorderThickness="1"
            BorderBrush="Black">
            <Canvas Name="canvas"
                Width="400"
                Height="300">
                <Rectangle Canvas.Left="50" Canvas.Top="50"
                    Width="100"
                    Height="100"
                    Fill="Red" />
                <Rectangle Canvas.Left="75" Canvas.Top="75"
                    Width="100"
                    Height="100"
                    Fill="Green" />
                <Rectangle Canvas.Left="100" Canvas.Top="100"
                    Width="100"
                    Height="100"
                    Fill="Blue" />
            </Canvas>
        </Border>
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Foreground="Blue" />
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Border

BorderThickness="1"

BorderBrush="Black">

<Canvas Name="canvas"

Width="400"

Height="300">

<Rectangle Canvas.Left="50" Canvas.Top="50"

Width="100"

Height="100"

Fill="Red" />

<Rectangle Canvas.Left="75" Canvas.Top="75"

Width="100"

Height="100"

Fill="Green" />

<Rectangle Canvas.Left="100" Canvas.Top="100"

Width="100"

Height="100"

Fill="Blue" />

</Canvas>

</Border>

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

Margin="0 10 0 0"

Foreground="Blue" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using System.Collections.Generic;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 히트 테스트 결과 리스트
        /// </summary>
        private List<DependencyObject> histTestResultList = new List<DependencyObject>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            MouseDown += Window_MouseDown;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 마우스 이동시 처리하기 - Window_MouseDown(sender, e)

        /// <summary>
        /// 윈도우 마우스 이동시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_MouseDown(object sender, MouseButtonEventArgs e)
        {
            Point mousePoint = e.GetPosition(this.canvas);

            HitTestResult result = VisualTreeHelper.HitTest(this.canvas, mousePoint);

            this.histTestResultList.Clear();

            VisualTreeHelper.HitTest
            (
                this.canvas,
                new HitTestFilterCallback(ProcessHitTestFilterCallback),
                new HitTestResultCallback(ProcessHitTestResultCallback),
                new PointHitTestParameters(mousePoint)
            );

            this.textBlock.Text = $"비주얼 히트 수 : {this.histTestResultList.Count}";
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 히트 테스트 필터 콜백 처리하기 - ProcessHitTestFilterCallback(d)

        /// <summary>
        /// 히트 테스트 필터 콜백 처리하기
        /// </summary>
        /// <param name="d">의존 객체</param>
        /// <returns>히트 테스트 필터 동작</returns>
        public HitTestFilterBehavior ProcessHitTestFilterCallback(DependencyObject d)
        {
            if(d is Rectangle rectangle)
            {
                if(rectangle.Fill == Brushes.Green)
                {
                    return HitTestFilterBehavior.ContinueSkipSelfAndChildren;
                }
                else
                {
                    return HitTestFilterBehavior.Continue;
                }
            }
            else
            {
                return HitTestFilterBehavior.Continue;
            }
        }

        #endregion
        #region 히트 테스트 결과 콜백 처리하기 - ProcessHitTestResultCallback(result)

        /// <summary>
        /// 히트 테스트 결과 콜백 처리하기
        /// </summary>
        /// <param name="result">히트 테스트 결과</param>
        /// <returns>히트 테스트 결과 동작</returns>
        public HitTestResultBehavior ProcessHitTestResultCallback(HitTestResult result)
        {
            this.histTestResultList.Add(result.VisualHit);

            return HitTestResultBehavior.Continue;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

using System.Collections.Generic;

using System.Windows;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 히트 테스트 결과 리스트

/// </summary>

private List<DependencyObject> histTestResultList = new List<DependencyObject>();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

MouseDown += Window_MouseDown;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 마우스 이동시 처리하기 - Window_MouseDown(sender, e)

/// <summary>

/// 윈도우 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_MouseDown(object sender, MouseButtonEventArgs e)

{

Point mousePoint = e.GetPosition(this.canvas);

HitTestResult result = VisualTreeHelper.HitTest(this.canvas, mousePoint);

this.histTestResultList.Clear();

VisualTreeHelper.HitTest

(

this.canvas,

new HitTestFilterCallback(ProcessHitTestFilterCallback),

new HitTestResultCallback(ProcessHitTestResultCallback),

new PointHitTestParameters(mousePoint)

);

this.textBlock.Text = $"비주얼 히트 수 : {this.histTestResultList.Count}";

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 히트 테스트 필터 콜백 처리하기 - ProcessHitTestFilterCallback(d)

/// <summary>

/// 히트 테스트 필터 콜백 처리하기

/// </summary>

/// <param name="d">의존 객체</param>

/// <returns>히트 테스트 필터 동작</returns>

public HitTestFilterBehavior ProcessHitTestFilterCallback(DependencyObject d)

{

if(d is Rectangle rectangle)

{

if(rectangle.Fill == Brushes.Green)

{

return HitTestFilterBehavior.ContinueSkipSelfAndChildren;

}

else

{

return HitTestFilterBehavior.Continue;

}

else

{

return HitTestFilterBehavior.Continue;

}

#endregion

#region 히트 테스트 결과 콜백 처리하기 - ProcessHitTestResultCallback(result)

/// <summary>

/// 히트 테스트 결과 콜백 처리하기

/// </summary>

/// <param name="result">히트 테스트 결과</param>

/// <returns>히트 테스트 결과 동작</returns>

public HitTestResultBehavior ProcessHitTestResultCallback(HitTestResult result)

{

this.histTestResultList.Add(result.VisualHit);

return HitTestResultBehavior.Continue;

}

#endregion

}

TestProject.zip

[C#/WPF] VisualTreeHelper 클래스 : HitTest 정적 메소드에서 히트 테스트 결과 콜백 처리하기

■ VisualTreeHelper 클래스의 HitTest 정적 메소드에서 히트 테스트 결과 콜백을 처리하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Border
            BorderThickness="1"
            BorderBrush="Black">
            <Canvas Name="canvas"
                Width="400"
                Height="300">
                <Rectangle Canvas.Left="50" Canvas.Top="50"
                    Width="100"
                    Height="100"
                    Fill="Red" />
                <Rectangle Canvas.Left="75" Canvas.Top="75"
                    Width="100"
                    Height="100"
                    Fill="Green" />
                <Rectangle Canvas.Left="100" Canvas.Top="100"
                    Width="100"
                    Height="100"
                    Fill="Blue" />
            </Canvas>
        </Border>
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Foreground="Blue" />
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Border

BorderThickness="1"

BorderBrush="Black">

<Canvas Name="canvas"

Width="400"

Height="300">

<Rectangle Canvas.Left="50" Canvas.Top="50"

Width="100"

Height="100"

Fill="Red" />

<Rectangle Canvas.Left="75" Canvas.Top="75"

Width="100"

Height="100"

Fill="Green" />

<Rectangle Canvas.Left="100" Canvas.Top="100"

Width="100"

Height="100"

Fill="Blue" />

</Canvas>

</Border>

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

Margin="0 10 0 0"

Foreground="Blue" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using System.Collections.Generic;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 히트 테스트 결과 리스트
        /// </summary>
        private List<DependencyObject> histTestResultList = new List<DependencyObject>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            MouseDown += Window_MouseDown;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 마우스 이동시 처리하기 - Window_MouseDown(sender, e)

        /// <summary>
        /// 윈도우 마우스 이동시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_MouseDown(object sender, MouseButtonEventArgs e)
        {
            Point mousePoint = e.GetPosition(this.canvas);

            HitTestResult result = VisualTreeHelper.HitTest(this.canvas, mousePoint);

            this.histTestResultList.Clear();

            VisualTreeHelper.HitTest(this.canvas, null, new HitTestResultCallback(ProcessHitTestResultCallback), new PointHitTestParameters(mousePoint));

            this.textBlock.Text = $"비주얼 히트 수 : {this.histTestResultList.Count}";
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 히트 테스트 결과 콜백 처리하기 - ProcessHitTestResultCallback(result)

        /// <summary>
        /// 히트 테스트 결과 콜백 처리하기
        /// </summary>
        /// <param name="result">히트 테스트 결과</param>
        /// <returns>히트 테스트 결과 동작</returns>
        public HitTestResultBehavior ProcessHitTestResultCallback(HitTestResult result)
        {
            this.histTestResultList.Add(result.VisualHit);

            return HitTestResultBehavior.Continue;
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Windows;

using System.Windows.Input;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 히트 테스트 결과 리스트

/// </summary>

private List<DependencyObject> histTestResultList = new List<DependencyObject>();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

MouseDown += Window_MouseDown;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 마우스 이동시 처리하기 - Window_MouseDown(sender, e)

/// <summary>

/// 윈도우 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_MouseDown(object sender, MouseButtonEventArgs e)

{

Point mousePoint = e.GetPosition(this.canvas);

HitTestResult result = VisualTreeHelper.HitTest(this.canvas, mousePoint);

this.histTestResultList.Clear();

VisualTreeHelper.HitTest(this.canvas, null, new HitTestResultCallback(ProcessHitTestResultCallback), new PointHitTestParameters(mousePoint));

this.textBlock.Text = $"비주얼 히트 수 : {this.histTestResultList.Count}";

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 히트 테스트 결과 콜백 처리하기 - ProcessHitTestResultCallback(result)

/// <summary>

/// 히트 테스트 결과 콜백 처리하기

/// </summary>

/// <param name="result">히트 테스트 결과</param>

/// <returns>히트 테스트 결과 동작</returns>

public HitTestResultBehavior ProcessHitTestResultCallback(HitTestResult result)

{

this.histTestResultList.Add(result.VisualHit);

return HitTestResultBehavior.Continue;

}

#endregion

}

TestProject.zip

[C#/WPF] VisualTreeHelper 클래스 : HitTest 정적 메소드를 사용해 디폴트 히트 테스트하기

■ VisualTreeHelper 클래스의 HitTest 정적 메소드를 사용해 디폴트 히트 테스트를 하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Canvas Name="canvas"
            Width="400"
            Height="300"
            Background="LightGray" />
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Foreground="Blue" />
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Canvas Name="canvas"

Width="400"

Height="300"

Background="LightGray" />

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

Margin="0 10 0 0"

Foreground="Blue" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Input;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            MouseMove += Window_MouseMove;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 윈도우 마우스 이동시 처리하기 - Window_MouseMove(sender, e)

        /// <summary>
        /// 윈도우 마우스 이동시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_MouseMove(object sender, MouseEventArgs e)
        {
            Point mousePoint = e.GetPosition(this.canvas);

            HitTestResult result = VisualTreeHelper.HitTest(this.canvas, mousePoint);

            if(result != null)
            {
                this.textBlock.Text = "mouse over canvas";
            }
            else
            {
                this.textBlock.Text = string.Empty;
            }
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Input;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

MouseMove += Window_MouseMove;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 윈도우 마우스 이동시 처리하기 - Window_MouseMove(sender, e)

/// <summary>

/// 윈도우 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_MouseMove(object sender, MouseEventArgs e)

{

Point mousePoint = e.GetPosition(this.canvas);

HitTestResult result = VisualTreeHelper.HitTest(this.canvas, mousePoint);

if(result != null)

{

this.textBlock.Text = "mouse over canvas";

}

else

{

this.textBlock.Text = string.Empty;

}

#endregion

}

TestProject.zip

[C#/WPF] MediaElement 엘리먼트 : 변환 사용하기

■ MediaElement 엘리먼트에서 변환을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="Black"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <MediaElement Source="MEDIA/sample.avi">
        <MediaElement.LayoutTransform>
            <RotateTransform Angle="45" />
        </MediaElement.LayoutTransform>
    </MediaElement>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="Black"

FontFamily="나눔고딕코딩"

FontSize="16">

<MediaElement.LayoutTransform>

</MediaElement.LayoutTransform>

</MediaElement>

</Window>

TestProject.zip

[C#/WPF] MediaElement 엘리먼트 : 애니메이션과 함께 미디어 재생하기

■ MediaElement 엘리먼트에서 애니메이션과 함께 미디어를 재생하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="Black"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Orientation="Horizontal">
        <MediaElement Name="mediaElement"
            Width="250"
            Height="250">
            <MediaElement.Triggers>
                <EventTrigger RoutedEvent="MediaElement.Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard SlipBehavior="Slip">
                                <MediaTimeline
                                    Source="MEDIA\sample.avi"
                                    BeginTime="00:00:00"
                                    Duration="00:00:30" />
                                <DoubleAnimationUsingKeyFrames
                                    Storyboard.TargetName="ellipseGeometry1"
                                    Storyboard.TargetProperty="RadiusY"
                                    RepeatBehavior="10x">
                                    <DoubleAnimationUsingKeyFrames.KeyFrames>
                                        <LinearDoubleKeyFrame KeyTime="00:00:00.4" Value="80" />
                                        <SplineDoubleKeyFrame KeyTime="00:00:01"   Value="0"  KeySpline="0.6 0.0 0.9 0.0" />
                                    </DoubleAnimationUsingKeyFrames.KeyFrames>
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames
                                    Storyboard.TargetName="ellipseGeometry2"
                                    Storyboard.TargetProperty="RadiusX"
                                    RepeatBehavior="10x">
                                    <DoubleAnimationUsingKeyFrames.KeyFrames>
                                        <LinearDoubleKeyFrame KeyTime="00:00:00.4" Value="80" />
                                        <SplineDoubleKeyFrame KeyTime="00:00:01"   Value="0" KeySpline="0.6 0.0 0.9 0.0" />
                                    </DoubleAnimationUsingKeyFrames.KeyFrames>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </MediaElement.Triggers>
        </MediaElement>
        <Border
            Margin="10 0 0 0"
            BorderThickness="1"
            BorderBrush="Black">
            <Canvas
                Width="250"
                Height="250"
                Background="White">
                <Path
                    StrokeThickness="5"
                    Stroke="Purple">
                    <Path.Data>
                        <EllipseGeometry x:Name="ellipseGeometry1"
                            Center="125 125"
                            RadiusX="15"
                            RadiusY="10" />
                    </Path.Data>
                </Path>
                <Path
                    StrokeThickness="5"
                    Stroke="Gold">
                    <Path.Data>
                        <EllipseGeometry x:Name="ellipseGeometry2"
                            Center="125 125"
                            RadiusX="10"
                            RadiusY="15" />
                    </Path.Data>
                </Path>
            </Canvas>
        </Border>
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="Black"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Horizontal">

<MediaElement Name="mediaElement"

Width="250"

Height="250">

<MediaElement.Triggers>

<EventTrigger.Actions>

<MediaTimeline

Source="MEDIA\sample.avi"

BeginTime="00:00:00"

Duration="00:00:30" />

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="ellipseGeometry1"

Storyboard.TargetProperty="RadiusY"

RepeatBehavior="10x">

<DoubleAnimationUsingKeyFrames.KeyFrames>

</DoubleAnimationUsingKeyFrames.KeyFrames>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames

Storyboard.TargetName="ellipseGeometry2"

Storyboard.TargetProperty="RadiusX"

RepeatBehavior="10x">

<DoubleAnimationUsingKeyFrames.KeyFrames>

</DoubleAnimationUsingKeyFrames.KeyFrames>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</MediaElement.Triggers>

</MediaElement>

<Border

Margin="10 0 0 0"

BorderThickness="1"

BorderBrush="Black">

<Canvas

Width="250"

Height="250"

Background="White">

<Path

StrokeThickness="5"

Stroke="Purple">

<Path.Data>

<EllipseGeometry x:Name="ellipseGeometry1"

Center="125 125"

RadiusX="15"

RadiusY="10" />

</Path.Data>

</Path>

<Path

StrokeThickness="5"

Stroke="Gold">

<Path.Data>

<EllipseGeometry x:Name="ellipseGeometry2"

Center="125 125"

RadiusX="10"

RadiusY="15" />

</Path.Data>

</Path>

</Canvas>

</Border>

</StackPanel>

</Window>

TestProject.zip

[C#/WPF] MediaElement 엘리먼트 : 미디어 재생 반복하기

■ MediaElement 엘리먼트에서 미디어 재생을 반복하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="Black"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <MediaElement Name="mediaElement">
        <MediaElement.Triggers>
            <EventTrigger RoutedEvent="MediaElement.Loaded">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <MediaTimeline
                                Storyboard.TargetName="mediaElement"
                                Source="MEDIA\sample.avi"
                                RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </MediaElement.Triggers>
    </MediaElement>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="Black"

FontFamily="나눔고딕코딩"

FontSize="16">

<MediaElement.Triggers>

<EventTrigger.Actions>

<MediaTimeline

Storyboard.TargetName="mediaElement"

Source="MEDIA\sample.avi"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</MediaElement.Triggers>

</MediaElement>

</Window>

TestProject.zip

[C#/WPF] MediaElement 엘리먼트 : 사용자 이벤트시 미디어 재생 트리거하기

■ MediaElement 엘리먼트에서 사용자 이벤트시 미디어 재생을 트리거하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="Black"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <MediaElement Name="mediaElement" />
        <Button
            HorizontalAlignment="Center"
            Padding="5"
            Content="소리를 내기 위해 클릭해 주시기 바랍니다.">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <MediaTimeline
                                    Storyboard.TargetName="mediaElement"
                                    Source="C:\WINDOWS\Media\Ring01.wav" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Button.Triggers>
        </Button>
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="Black"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Button

HorizontalAlignment="Center"

Padding="5"

Content="소리를 내기 위해 클릭해 주시기 바랍니다.">

<Button.Triggers>

<EventTrigger.Actions>

<MediaTimeline

Storyboard.TargetName="mediaElement"

Source="C:\WINDOWS\Media\Ring01.wav" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

</Button.Triggers>

</Button>

</StackPanel>

</Window>

TestProject.zip

[C#/WPF] MediaElement 엘리먼트 : 스토리보드를 사용해 제어하기

■ MediaElement 엘리먼트에서 스토리보드를 사용해 제어하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="Black"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <MediaElement Name="mediaElement"
            Width="600"
            Height="400"
            Stretch="Fill" />
        <StackPanel
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Orientation="Horizontal">
            <Image Name="playImage"
                Source="IMAGE\play.png" />
            <Image Name="pauseImage"
                Margin="10 0 0 0"
                Source="IMAGE\pause.png" />
            <Image Name="resumeImage"
                Margin="10 0 0 0"
                Source="IMAGE\resume.png" />
            <Image Name="stopImage"
                Margin="10 0 0 0"
                Source="IMAGE\stop.png" />
        </StackPanel>
        <Slider Name="timelineSlider"
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Width="250" />
        <StackPanel.Triggers>
            <EventTrigger
                SourceName="playImage"
                RoutedEvent="Image.MouseDown">
                <EventTrigger.Actions>
                    <BeginStoryboard Name= "beginStoryboard">
                        <Storyboard SlipBehavior="Slip">
                            <MediaTimeline x:Name="mediaTimeline"
                                Source="MEDIA\sample.avi"
                                Storyboard.TargetName="mediaElement"
                                BeginTime="00:00:00"
                                Duration="00:00:30" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
            <EventTrigger
                SourceName="pauseImage"
                RoutedEvent="Image.MouseDown">
                <EventTrigger.Actions>
                    <PauseStoryboard BeginStoryboardName="beginStoryboard" />
                </EventTrigger.Actions>
            </EventTrigger>
            <EventTrigger
                SourceName="resumeImage"
                RoutedEvent="Image.MouseDown">
                <EventTrigger.Actions>
                    <ResumeStoryboard BeginStoryboardName="beginStoryboard" />
                </EventTrigger.Actions>
            </EventTrigger>
            <EventTrigger
                SourceName="stopImage"
                RoutedEvent="Image.MouseDown">
                <EventTrigger.Actions>
                    <StopStoryboard BeginStoryboardName="beginStoryboard" />
                </EventTrigger.Actions>
            </EventTrigger>
        </StackPanel.Triggers>
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="Black"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<MediaElement Name="mediaElement"

Width="600"

Height="400"

Stretch="Fill" />

<StackPanel

HorizontalAlignment="Center"

Margin="0 10 0 0"

Orientation="Horizontal">

<Image Name="playImage"

Source="IMAGE\play.png" />

<Image Name="pauseImage"

Margin="10 0 0 0"

Source="IMAGE\pause.png" />

<Image Name="resumeImage"

Margin="10 0 0 0"

Source="IMAGE\resume.png" />

<Image Name="stopImage"

Margin="10 0 0 0"

Source="IMAGE\stop.png" />

</StackPanel>

<Slider Name="timelineSlider"

HorizontalAlignment="Center"

Margin="0 10 0 0"

Width="250" />

<StackPanel.Triggers>

<EventTrigger

SourceName="playImage"

RoutedEvent="Image.MouseDown">

<EventTrigger.Actions>

<MediaTimeline x:Name="mediaTimeline"

Source="MEDIA\sample.avi"

Storyboard.TargetName="mediaElement"

BeginTime="00:00:00"

Duration="00:00:30" />

</Storyboard>

</BeginStoryboard>

</EventTrigger.Actions>

</EventTrigger>

<EventTrigger

SourceName="pauseImage"

RoutedEvent="Image.MouseDown">

<EventTrigger.Actions>

</EventTrigger.Actions>

</EventTrigger>

<EventTrigger

SourceName="resumeImage"

RoutedEvent="Image.MouseDown">

<EventTrigger.Actions>

</EventTrigger.Actions>

</EventTrigger>

<EventTrigger

SourceName="stopImage"

RoutedEvent="Image.MouseDown">

<EventTrigger.Actions>

</EventTrigger.Actions>

</EventTrigger>

</StackPanel.Triggers>

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.mediaElement.MediaOpened             += mediaElement_MediaOpened;
            this.mediaTimeline.CurrentTimeInvalidated += mediaTimeline_CurrentTimeInvalidated;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 미디어 엘리먼트 미디어 오픈시 처리하기 - mediaElement_MediaOpened(sender, e)

        /// <summary>
        /// 미디어 엘리먼트 미디어 오픈시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void mediaElement_MediaOpened(object sender, EventArgs e)
        {
            this.timelineSlider.Maximum = this.mediaElement.NaturalDuration.TimeSpan.TotalMilliseconds;
        }

        #endregion
        #region 미디어 타임라인 현재 시간 무효화시 처리하기 - mediaTimeline_CurrentTimeInvalidated(sender, e)

        /// <summary>
        /// 미디어 타임라인 현재 시간 무효화시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void mediaTimeline_CurrentTimeInvalidated(object sender, EventArgs e)
        {
            this.timelineSlider.Value = this.mediaElement.Position.TotalMilliseconds;
        }

        #endregion
    }
}

using System;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.mediaElement.MediaOpened += mediaElement_MediaOpened;

this.mediaTimeline.CurrentTimeInvalidated += mediaTimeline_CurrentTimeInvalidated;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 미디어 엘리먼트 미디어 오픈시 처리하기 - mediaElement_MediaOpened(sender, e)

/// <summary>

/// 미디어 엘리먼트 미디어 오픈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void mediaElement_MediaOpened(object sender, EventArgs e)

{

this.timelineSlider.Maximum = this.mediaElement.NaturalDuration.TimeSpan.TotalMilliseconds;

}

#endregion

#region 미디어 타임라인 현재 시간 무효화시 처리하기 - mediaTimeline_CurrentTimeInvalidated(sender, e)

/// <summary>

/// 미디어 타임라인 현재 시간 무효화시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void mediaTimeline_CurrentTimeInvalidated(object sender, EventArgs e)

{

this.timelineSlider.Value = this.mediaElement.Position.TotalMilliseconds;

}

#endregion

}

TestProject.zip

[C#/WPF] MediaElement 엘리먼트 : 재생/중지/중단/볼륨/속도 제어하기

■ MediaElement 엘리먼트를 사용해 미디어의 재생/중지/중단/볼륨/속도를 제어하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    Background="Black"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <MediaElement Name="mediaElement"
            Source="MEDIA\sample.avi"
            Width="600"
            Height="400"
            LoadedBehavior="Manual"
            UnloadedBehavior="Stop" />
        <StackPanel
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Orientation="Horizontal">
            <Image Name="playImage"
                Source="IMAGE\play.png" />
            <Image Name="pauseImage"
                Margin="10 0 0 0"
                Source="IMAGE\pause.png" />
            <Image Name="stopImage"
                Margin="10 0 0 0"
                Source="IMAGE\stop.png" />
            <TextBlock
                VerticalAlignment="Center"
                Margin="10 0 0 0"
                Foreground="White">
                Volume
            </TextBlock>
            <Slider Name="volumeSlider"
                VerticalAlignment="Center"
                Margin="10 5 0 0"
                Width="70"
                Minimum="0"
                Maximum="1"
                Value="0.5" />
            <TextBlock
                VerticalAlignment="Center"
                Margin="10 0 0 0"
                Foreground="White">
                Speed
            </TextBlock>
            <Slider Name="speedRatioSlider"
                VerticalAlignment="Center"
                Margin="10 5 0 0"
                Width="70"
                Value="1" />
            <TextBlock
                VerticalAlignment="Center"
                Margin="10 0 0 0"
                Foreground="White">
                Seek To
            </TextBlock>
            <Slider Name="seekToSlider"
                VerticalAlignment="Center"
                Margin="10 5 0 0"
                Width="70" />
        </StackPanel>
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

Background="Black"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<MediaElement Name="mediaElement"

Source="MEDIA\sample.avi"

Width="600"

Height="400"

LoadedBehavior="Manual"

UnloadedBehavior="Stop" />

<StackPanel

HorizontalAlignment="Center"

Margin="0 10 0 0"

Orientation="Horizontal">

<Image Name="playImage"

Source="IMAGE\play.png" />

<Image Name="pauseImage"

Margin="10 0 0 0"

Source="IMAGE\pause.png" />

<Image Name="stopImage"

Margin="10 0 0 0"

Source="IMAGE\stop.png" />

<TextBlock

VerticalAlignment="Center"

Margin="10 0 0 0"

Foreground="White">

Volume

</TextBlock>

<Slider Name="volumeSlider"

VerticalAlignment="Center"

Margin="10 5 0 0"

Width="70"

Minimum="0"

Maximum="1"

Value="0.5" />

<TextBlock

VerticalAlignment="Center"

Margin="10 0 0 0"

Foreground="White">

Speed

</TextBlock>

<Slider Name="speedRatioSlider"

VerticalAlignment="Center"

Margin="10 5 0 0"

Width="70"

Value="1" />

<TextBlock

VerticalAlignment="Center"

Margin="10 0 0 0"

Foreground="White">

Seek To

</TextBlock>

<Slider Name="seekToSlider"

VerticalAlignment="Center"

Margin="10 5 0 0"

Width="70" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.mediaElement.MediaOpened      += mediaElement_MediaOpened;
            this.mediaElement.MediaEnded       += mediaElement_MediaEnded;
            this.playImage.MouseDown           += playImage_MouseDown;
            this.pauseImage.MouseDown          += pauseImage_MouseDown;
            this.stopImage.MouseDown           += stopImage_MouseDown;
            this.volumeSlider.ValueChanged     += volumeSlider_ValueChanged;
            this.speedRatioSlider.ValueChanged += speedRatioSlider_ValueChanged;
            this.seekToSlider.ValueChanged     += seekToSlider_ValueChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 미디어 엘리먼트 미디어 오픈시 처리하기 - mediaElement_MediaOpened(sender, e)

        /// <summary>
        /// 미디어 엘리먼트 미디어 오픈시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void mediaElement_MediaOpened(object sender, EventArgs e)
        {
            this.seekToSlider.Maximum = this.mediaElement.NaturalDuration.TimeSpan.TotalMilliseconds;
        }

        #endregion
        #region 미디어 엘리먼트 미디어 종료시 처리하기 - mediaElement_MediaEnded(sender, e)

        /// <summary>
        /// 미디어 엘리먼트 미디어 종료시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void mediaElement_MediaEnded(object sender, EventArgs e)
        {
            this.mediaElement.Stop();
        }

        #endregion
        #region 재생 이미지 마우스 DOWN 처리하기 - playImage_MouseDown(sender, e)

        /// <summary>
        /// 재생 이미지 마우스 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void playImage_MouseDown(object sender, MouseButtonEventArgs e)
        {
            this.mediaElement.Play();

            SetMediaElementData();
        }

        #endregion
        #region 중지 이미지 마우스 DOWN 처리하기 - pauseImage_MouseDown(sender, e)

        /// <summary>
        /// 중지 이미지 마우스 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void pauseImage_MouseDown(object sender, MouseButtonEventArgs e)
        {
            this.mediaElement.Pause();
        }

        #endregion
        #region 중단 이미지 마우스 DOWN 처리하기 - stopImage_MouseDown(sender, e)

        /// <summary>
        /// 중단 이미지 마우스 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void stopImage_MouseDown(object sender, MouseButtonEventArgs e)
        {
            this.mediaElement.Stop();
        }

        #endregion
        #region 볼륨 슬라이더 값 변경시 처리하기 - volumeSlider_ValueChanged(sender, e)

        /// <summary>
        /// 볼륨 슬라이더 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void volumeSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            this.mediaElement.Volume = (double)this.volumeSlider.Value;
        }

        #endregion
        #region 속도 비율 슬라이더 값 변경시 처리하기 - speedRatioSlider_ValueChanged(sender, e)

        /// <summary>
        /// 속도 비율 슬라이더 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void speedRatioSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            this.mediaElement.SpeedRatio = (double)this.speedRatioSlider.Value;
        }

        #endregion
        #region 탐색 슬라이더 값 변경시 처리하기 - seekToSlider_ValueChanged(sender, e)

        /// <summary>
        /// 탐색 슬라이더 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void seekToSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            TimeSpan timeSpan = new TimeSpan(0, 0, 0, 0, (int)this.seekToSlider.Value);

            this.mediaElement.Position = timeSpan;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Event

        #region 미디어 엘리먼트 데이터 설정하기 - SetMediaElementData()

        /// <summary>
        /// 미디어 엘리먼트 데이터 설정하기
        /// </summary>
        private void SetMediaElementData()
        {
            this.mediaElement.Volume     = (double)this.volumeSlider.Value;
            this.mediaElement.SpeedRatio = (double)this.speedRatioSlider.Value;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

using System;

using System.Windows;

using System.Windows.Input;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.mediaElement.MediaOpened += mediaElement_MediaOpened;

this.mediaElement.MediaEnded += mediaElement_MediaEnded;

this.playImage.MouseDown += playImage_MouseDown;

this.pauseImage.MouseDown += pauseImage_MouseDown;

this.stopImage.MouseDown += stopImage_MouseDown;

this.volumeSlider.ValueChanged += volumeSlider_ValueChanged;

this.speedRatioSlider.ValueChanged += speedRatioSlider_ValueChanged;

this.seekToSlider.ValueChanged += seekToSlider_ValueChanged;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 미디어 엘리먼트 미디어 오픈시 처리하기 - mediaElement_MediaOpened(sender, e)

/// <summary>

/// 미디어 엘리먼트 미디어 오픈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void mediaElement_MediaOpened(object sender, EventArgs e)

{

this.seekToSlider.Maximum = this.mediaElement.NaturalDuration.TimeSpan.TotalMilliseconds;

}

#endregion

#region 미디어 엘리먼트 미디어 종료시 처리하기 - mediaElement_MediaEnded(sender, e)

/// <summary>

/// 미디어 엘리먼트 미디어 종료시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void mediaElement_MediaEnded(object sender, EventArgs e)

{

this.mediaElement.Stop();

}

#endregion

#region 재생 이미지 마우스 DOWN 처리하기 - playImage_MouseDown(sender, e)

/// <summary>

/// 재생 이미지 마우스 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void playImage_MouseDown(object sender, MouseButtonEventArgs e)

{

this.mediaElement.Play();

SetMediaElementData();

}

#endregion

#region 중지 이미지 마우스 DOWN 처리하기 - pauseImage_MouseDown(sender, e)

/// <summary>

/// 중지 이미지 마우스 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void pauseImage_MouseDown(object sender, MouseButtonEventArgs e)

{

this.mediaElement.Pause();

}

#endregion

#region 중단 이미지 마우스 DOWN 처리하기 - stopImage_MouseDown(sender, e)

/// <summary>

/// 중단 이미지 마우스 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void stopImage_MouseDown(object sender, MouseButtonEventArgs e)

{

this.mediaElement.Stop();

}

#endregion

#region 볼륨 슬라이더 값 변경시 처리하기 - volumeSlider_ValueChanged(sender, e)

/// <summary>

/// 볼륨 슬라이더 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void volumeSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)

{

this.mediaElement.Volume = (double)this.volumeSlider.Value;

}

#endregion

#region 속도 비율 슬라이더 값 변경시 처리하기 - speedRatioSlider_ValueChanged(sender, e)

/// <summary>

/// 속도 비율 슬라이더 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void speedRatioSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)

{

this.mediaElement.SpeedRatio = (double)this.speedRatioSlider.Value;

}

#endregion

#region 탐색 슬라이더 값 변경시 처리하기 - seekToSlider_ValueChanged(sender, e)

/// <summary>

/// 탐색 슬라이더 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void seekToSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)

{

TimeSpan timeSpan = new TimeSpan(0, 0, 0, 0, (int)this.seekToSlider.Value);

this.mediaElement.Position = timeSpan;

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Event

#region 미디어 엘리먼트 데이터 설정하기 - SetMediaElementData()

/// <summary>

/// 미디어 엘리먼트 데이터 설정하기

/// </summary>

private void SetMediaElementData()

{

this.mediaElement.Volume = (double)this.volumeSlider.Value;

this.mediaElement.SpeedRatio = (double)this.speedRatioSlider.Value;

}

#endregion

}

TestProject.zip

[C#/WPF] DoubleAnimationUsingPath 클래스 : PathGeometry/Source 속성을 사용해 경로를 따라 객체에 애니메이션 효과 주기

■ DoubleAnimationUsingPath 클래스의 PathGeometry/Source 속성을 사용해 경로를 따라 객체에 애니메이션 효과를 주는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            NameScope.SetNameScope(this, new NameScope());

            #region 회전 변환을 생성한다.

            RotateTransform rotateTransform = new RotateTransform();

            RegisterName("rotateTransform", rotateTransform);

            #endregion
            #region 이동 변환을 생성한다.

            TranslateTransform translateTransform = new TranslateTransform();

            RegisterName("translateTransform", translateTransform);

            #endregion
            #region 변환 그룹을 생성한다.

            TransformGroup transformGroup = new TransformGroup();

            transformGroup.Children.Add(rotateTransform);
            transformGroup.Children.Add(translateTransform);

            #endregion
            #region 사각형을 생성한다.

            Rectangle rectangle = new Rectangle();

            rectangle.Width           = 30;
            rectangle.Height          = 30;
            rectangle.Fill            = Brushes.Blue;
            rectangle.RenderTransform = transformGroup;

            #endregion
            #region 캔버스를 생성한다.

            Canvas canvas = new Canvas();

            canvas.Width      = 400;
            canvas.Height     = 400;
            canvas.Background = Brushes.LightGray;

            canvas.Children.Add(rectangle);

            #endregion

            #region 폴리 베지어 세그먼트를 생성한다.

            PolyBezierSegment polyBezierSegment = new PolyBezierSegment();

            polyBezierSegment.Points.Add(new Point(35 , 0  ));
            polyBezierSegment.Points.Add(new Point(135, 0  ));
            polyBezierSegment.Points.Add(new Point(160, 100));
            polyBezierSegment.Points.Add(new Point(180, 190));
            polyBezierSegment.Points.Add(new Point(285, 200));
            polyBezierSegment.Points.Add(new Point(310, 100));

            #endregion
            #region 패스 피겨를 생성한다.

            PathFigure pathFigure = new PathFigure();

            pathFigure.StartPoint = new Point(10, 100);

            pathFigure.Segments.Add(polyBezierSegment);

            #endregion
            #region 패스 지오메트리를 생성한다.

            PathGeometry pathGeometry = new PathGeometry();

            pathGeometry.Figures.Add(pathFigure);

            pathGeometry.Freeze();

            #endregion
            #region 회전 애니메이션을 생성한다.

            DoubleAnimationUsingPath rotateAnimation = new DoubleAnimationUsingPath();

            rotateAnimation.PathGeometry = pathGeometry;
            rotateAnimation.Source       = PathAnimationSource.Angle;
            rotateAnimation.Duration     = TimeSpan.FromSeconds(5);

            Storyboard.SetTargetName(rotateAnimation, "rotateTransform");
            Storyboard.SetTargetProperty(rotateAnimation, new PropertyPath(RotateTransform.AngleProperty));

            #endregion
            #region 이동 X 애니메이션을 생성한다.

            DoubleAnimationUsingPath translateXAnimation = new DoubleAnimationUsingPath();

            translateXAnimation.PathGeometry = pathGeometry;
            translateXAnimation.Source       = PathAnimationSource.X;
            translateXAnimation.Duration     = TimeSpan.FromSeconds(5);

            Storyboard.SetTargetName(translateXAnimation, "translateTransform");
            Storyboard.SetTargetProperty(translateXAnimation, new PropertyPath(TranslateTransform.XProperty));

            #endregion
            #region 이동 Y 애니메이션을 생성한다.

            DoubleAnimationUsingPath translateYAnimation = new DoubleAnimationUsingPath();

            translateYAnimation.PathGeometry = pathGeometry;
            translateYAnimation.Source       = PathAnimationSource.Y;
            translateYAnimation.Duration     = TimeSpan.FromSeconds(5);

            Storyboard.SetTargetName(translateYAnimation, "translateTransform");
            Storyboard.SetTargetProperty(translateYAnimation, new PropertyPath(TranslateTransform.YProperty));

            #endregion
            #region 스토리보드를 생성한다.

            Storyboard storyboard = new Storyboard();

            storyboard.RepeatBehavior = RepeatBehavior.Forever;
            storyboard.AutoReverse    = true;

            storyboard.Children.Add(rotateAnimation);
            storyboard.Children.Add(translateXAnimation);
            storyboard.Children.Add(translateYAnimation);

            #endregion

            Content = canvas;

            rectangle.Loaded += delegate(object sender, RoutedEventArgs e)
            {
                storyboard.Begin(this);
            };
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

NameScope.SetNameScope(this, new NameScope());

#region 회전 변환을 생성한다.

RotateTransform rotateTransform = new RotateTransform();

RegisterName("rotateTransform", rotateTransform);

#endregion

#region 이동 변환을 생성한다.

TranslateTransform translateTransform = new TranslateTransform();

RegisterName("translateTransform", translateTransform);

#endregion

#region 변환 그룹을 생성한다.

TransformGroup transformGroup = new TransformGroup();

transformGroup.Children.Add(rotateTransform);

transformGroup.Children.Add(translateTransform);

#endregion

#region 사각형을 생성한다.

Rectangle rectangle = new Rectangle();

rectangle.Width = 30;

rectangle.Height = 30;

rectangle.Fill = Brushes.Blue;

rectangle.RenderTransform = transformGroup;

#endregion

#region 캔버스를 생성한다.

Canvas canvas = new Canvas();

canvas.Width = 400;

canvas.Height = 400;

canvas.Background = Brushes.LightGray;

canvas.Children.Add(rectangle);

#endregion

#region 폴리 베지어 세그먼트를 생성한다.

PolyBezierSegment polyBezierSegment = new PolyBezierSegment();

polyBezierSegment.Points.Add(new Point(35 , 0 ));

polyBezierSegment.Points.Add(new Point(135, 0 ));

polyBezierSegment.Points.Add(new Point(160, 100));

polyBezierSegment.Points.Add(new Point(180, 190));

polyBezierSegment.Points.Add(new Point(285, 200));

polyBezierSegment.Points.Add(new Point(310, 100));

#endregion

#region 패스 피겨를 생성한다.

PathFigure pathFigure = new PathFigure();

pathFigure.StartPoint = new Point(10, 100);

pathFigure.Segments.Add(polyBezierSegment);

#endregion

#region 패스 지오메트리를 생성한다.

PathGeometry pathGeometry = new PathGeometry();

pathGeometry.Figures.Add(pathFigure);

pathGeometry.Freeze();

#endregion

#region 회전 애니메이션을 생성한다.

DoubleAnimationUsingPath rotateAnimation = new DoubleAnimationUsingPath();

rotateAnimation.PathGeometry = pathGeometry;

rotateAnimation.Source = PathAnimationSource.Angle;

rotateAnimation.Duration = TimeSpan.FromSeconds(5);

Storyboard.SetTargetName(rotateAnimation, "rotateTransform");

Storyboard.SetTargetProperty(rotateAnimation, new PropertyPath(RotateTransform.AngleProperty));

#endregion

#region 이동 X 애니메이션을 생성한다.

DoubleAnimationUsingPath translateXAnimation = new DoubleAnimationUsingPath();

translateXAnimation.PathGeometry = pathGeometry;

translateXAnimation.Source = PathAnimationSource.X;

translateXAnimation.Duration = TimeSpan.FromSeconds(5);

Storyboard.SetTargetName(translateXAnimation, "translateTransform");

Storyboard.SetTargetProperty(translateXAnimation, new PropertyPath(TranslateTransform.XProperty));

#endregion

#region 이동 Y 애니메이션을 생성한다.

DoubleAnimationUsingPath translateYAnimation = new DoubleAnimationUsingPath();

translateYAnimation.PathGeometry = pathGeometry;

translateYAnimation.Source = PathAnimationSource.Y;

translateYAnimation.Duration = TimeSpan.FromSeconds(5);

Storyboard.SetTargetName(translateYAnimation, "translateTransform");

Storyboard.SetTargetProperty(translateYAnimation, new PropertyPath(TranslateTransform.YProperty));

#endregion

#region 스토리보드를 생성한다.

Storyboard storyboard = new Storyboard();

storyboard.RepeatBehavior = RepeatBehavior.Forever;

storyboard.AutoReverse = true;

storyboard.Children.Add(rotateAnimation);

storyboard.Children.Add(translateXAnimation);

storyboard.Children.Add(translateYAnimation);

#endregion

Content = canvas;

rectangle.Loaded += delegate(object sender, RoutedEventArgs e)

{

storyboard.Begin(this);

};

}

#endregion

}

TestProject.zip