GAUGE Archives - icodebroker

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 그리드 내장 에디터로 게이지 사용하기

■ GaugeControl 클래스에서 그리드 내장 에디터로 게이지를 사용하는 방법을 보여준다. ▶ SeverityValueProvider.cs


using DevExpress.XtraGauges.Win.Base;

namespace TestProject
{
    /// <summary>
    /// 심각도 값 공급자
    /// </summary>
    public class SeverityValueProvider : IValueProvider
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 값 - Value

        /// <summary>
        /// 값
        /// </summary>
        public object Value { get; set; }

        #endregion
    }
}

using DevExpress.XtraGauges.Win.Base;

namespace TestProject

{

/// <summary>

/// 심각도 값 공급자

/// </summary>

public class SeverityValueProvider : IValueProvider

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 값 - Value

/// <summary>

/// 값

/// </summary>

public object Value { get; set; }

#endregion

}

▶ MainForm.cs


using System.Drawing;

using DevExpress.Data;
using DevExpress.Utils;
using DevExpress.XtraEditors;
using DevExpress.XtraEditors.CustomEditor;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Gauges.State;
using DevExpress.XtraGrid.Columns;
using DevExpress.XtraGrid.Views.Base;
using DevExpress.XtraGrid.Views.Grid;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Size = new Size(100, 200);

            #endregion
            #region 상태 지시자 게이지를 설정한다.

            StateIndicatorGauge stateIndicatorGauge = gaugeControl.AddStateIndicatorGauge();

            #endregion
            #region 상태 지시자 컴포넌트를 설정한다.

            StateIndicatorComponent stateIndicatorComponent = stateIndicatorGauge.AddIndicator();

            stateIndicatorComponent.Size = new SizeF(100, 200);

            StateIndicatorShapeType[] stateIndicatorShapeTypeArray = new StateIndicatorShapeType[]
            {
                StateIndicatorShapeType.TrafficLight1,
                StateIndicatorShapeType.TrafficLight2,
                StateIndicatorShapeType.TrafficLight3,
                StateIndicatorShapeType.TrafficLight4
            };

            stateIndicatorComponent.States.Clear();

            foreach(StateIndicatorShapeType stateIndicatorShapeType in stateIndicatorShapeTypeArray)
            {
                IndicatorState indicatorState = new IndicatorState();

                indicatorState.ShapeType = stateIndicatorShapeType;

                stateIndicatorComponent.States.Add(indicatorState);
            }

            stateIndicatorComponent.StateIndex = 1;

            #endregion
            #region 그리드 컨트롤을 설정한다.

            this.gridView.InitializeView
            (
                true,                           // Multi Select
                GridMultiSelectMode.CellSelect, // Grid Multi Select Mode
                DrawFocusRectStyle.CellFocus,   // Draw Focus Rect Style
                true,                           // Show Indicator
                true,                           // Show Column Headers
                true,                           // Allow Column Moving
                true,                           // Allow Column Resizing
                true,                           // Allow Filter
                true,                           // Allow Sort
                false,                          // Allow Cell Merge
                EditorShowMode.Default,         // Editor Show Mode
                false                           // Editable
            );

            this.gridView.OptionsBehavior.AutoPopulateColumns = true;

            this.gridControl.DataSource = SampleTaskList.GetSampleTaskList();

            GridColumn gridColumn = new GridColumn();

            gridColumn.Caption     = "Severity Indicator";
            gridColumn.FieldName   = "SeverityGauge";
            gridColumn.UnboundType = UnboundColumnType.Object;
            gridColumn.Visible     = true;

            this.gridView.Columns.Add(gridColumn);

            RepositoryItemAnyControl repositoryItemAnyControl = new RepositoryItemAnyControl();

            repositoryItemAnyControl.Control = gaugeControl;

            this.gridControl.RepositoryItems.Add(repositoryItemAnyControl);

            this.gridView.Columns["SeverityGauge"].ColumnEdit = repositoryItemAnyControl;

            this.gridView.BestFitColumns();

            this.gridView.CustomUnboundColumnData += gridView_CustomUnboundColumnData;

            #endregion
        }

        #endregion

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

        #region 그리드 뷰 언바운드 컬럼 데이터 커스텀 설정하기 - gridView_CustomUnboundColumnData(sender, e)

        /// <summary>
        /// 그리드 뷰 언바운드 컬럼 데이터 커스텀 설정하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridView_CustomUnboundColumnData(object sender, CustomColumnDataEventArgs e)
        {
            Task task = e.Row as Task;

            switch(e.Column.FieldName)
            {
                case "SeverityGauge" :

                    e.Value = new SeverityValueProvider() { Value = task.Severity };

                    break;
            }
        }

        #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

using System.Drawing;

using DevExpress.Data;

using DevExpress.Utils;

using DevExpress.XtraEditors;

using DevExpress.XtraEditors.CustomEditor;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Gauges.State;

using DevExpress.XtraGrid.Columns;

using DevExpress.XtraGrid.Views.Base;

using DevExpress.XtraGrid.Views.Grid;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Size = new Size(100, 200);

#endregion

#region 상태 지시자 게이지를 설정한다.

StateIndicatorGauge stateIndicatorGauge = gaugeControl.AddStateIndicatorGauge();

#endregion

#region 상태 지시자 컴포넌트를 설정한다.

StateIndicatorComponent stateIndicatorComponent = stateIndicatorGauge.AddIndicator();

stateIndicatorComponent.Size = new SizeF(100, 200);

StateIndicatorShapeType[] stateIndicatorShapeTypeArray = new StateIndicatorShapeType[]

{

StateIndicatorShapeType.TrafficLight1,

StateIndicatorShapeType.TrafficLight2,

StateIndicatorShapeType.TrafficLight3,

StateIndicatorShapeType.TrafficLight4

};

stateIndicatorComponent.States.Clear();

foreach(StateIndicatorShapeType stateIndicatorShapeType in stateIndicatorShapeTypeArray)

{

IndicatorState indicatorState = new IndicatorState();

indicatorState.ShapeType = stateIndicatorShapeType;

stateIndicatorComponent.States.Add(indicatorState);

}

stateIndicatorComponent.StateIndex = 1;

#endregion

#region 그리드 컨트롤을 설정한다.

this.gridView.InitializeView

(

true, // Multi Select

GridMultiSelectMode.CellSelect, // Grid Multi Select Mode

DrawFocusRectStyle.CellFocus, // Draw Focus Rect Style

true, // Show Indicator

true, // Show Column Headers

true, // Allow Column Moving

true, // Allow Column Resizing

true, // Allow Filter

true, // Allow Sort

false, // Allow Cell Merge

EditorShowMode.Default, // Editor Show Mode

false // Editable

);

this.gridView.OptionsBehavior.AutoPopulateColumns = true;

this.gridControl.DataSource = SampleTaskList.GetSampleTaskList();

GridColumn gridColumn = new GridColumn();

gridColumn.Caption = "Severity Indicator";

gridColumn.FieldName = "SeverityGauge";

gridColumn.UnboundType = UnboundColumnType.Object;

gridColumn.Visible = true;

this.gridView.Columns.Add(gridColumn);

RepositoryItemAnyControl repositoryItemAnyControl = new RepositoryItemAnyControl();

repositoryItemAnyControl.Control = gaugeControl;

this.gridControl.RepositoryItems.Add(repositoryItemAnyControl);

this.gridView.Columns["SeverityGauge"].ColumnEdit = repositoryItemAnyControl;

this.gridView.BestFitColumns();

this.gridView.CustomUnboundColumnData += gridView_CustomUnboundColumnData;

#endregion

}

#endregion

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

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

#region 그리드 뷰 언바운드 컬럼 데이터 커스텀 설정하기 - gridView_CustomUnboundColumnData(sender, e)

/// <summary>

/// 그리드 뷰 언바운드 컬럼 데이터 커스텀 설정하기

/// </summary>

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

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

private void gridView_CustomUnboundColumnData(object sender, CustomColumnDataEventArgs e)

{

Task task = e.Row as Task;

switch(e.Column.FieldName)

{

case "SeverityGauge" :

e.Value = new SeverityValueProvider() { Value = task.Severity };

break;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 그리드 내장 에디터로 게이지 사용하기

■ GaugeControl 클래스에서 그리드 내장 에디터로 게이지를 사용하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.Utils;
using DevExpress.XtraEditors;
using DevExpress.XtraEditors.CustomEditor;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Gauges.State;
using DevExpress.XtraGrid.Views.Grid;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Size = new Size(100, 200);

            #endregion
            #region 상태 지시자 게이지를 설정한다.

            StateIndicatorGauge stateIndicatorGauge = gaugeControl.AddStateIndicatorGauge();

            #endregion
            #region 상태 지시자 컴포넌트를 설정한다.

            StateIndicatorComponent stateIndicatorComponent = stateIndicatorGauge.AddIndicator();

            stateIndicatorComponent.Size = new SizeF(100, 200);

            StateIndicatorShapeType[] stateIndicatorShapeTypeArray = new StateIndicatorShapeType[]
            {
                StateIndicatorShapeType.TrafficLight1,
                StateIndicatorShapeType.TrafficLight2,
                StateIndicatorShapeType.TrafficLight3,
                StateIndicatorShapeType.TrafficLight4
            };

            stateIndicatorComponent.States.Clear();

            foreach(StateIndicatorShapeType stateIndicatorShapeType in stateIndicatorShapeTypeArray)
            {
                IndicatorState indicatorState = new IndicatorState();

                indicatorState.ShapeType = stateIndicatorShapeType;

                stateIndicatorComponent.States.Add(indicatorState);
            }

            stateIndicatorComponent.StateIndex = 1;

            #endregion
            #region 그리드 컨트롤을 설정한다.

            this.gridView.InitializeView
            (
                true,                           // Multi Select
                GridMultiSelectMode.CellSelect, // Grid Multi Select Mode
                DrawFocusRectStyle.CellFocus,   // Draw Focus Rect Style
                true,                           // Show Indicator
                true,                           // Show Column Headers
                true,                           // Allow Column Moving
                true,                           // Allow Column Resizing
                true,                           // Allow Filter
                true,                           // Allow Sort
                false,                          // Allow Cell Merge
                EditorShowMode.Default,         // Editor Show Mode
                false                           // Editable
            );

            this.gridView.OptionsBehavior.AutoPopulateColumns = true;

            this.gridControl.DataSource = SampleTaskList.GetSampleTaskList();

            RepositoryItemAnyControl repositoryItemAnyControl = new RepositoryItemAnyControl();

            repositoryItemAnyControl.Control = gaugeControl;

            this.gridControl.RepositoryItems.Add(repositoryItemAnyControl);

            this.gridView.Columns["Severity"].ColumnEdit = repositoryItemAnyControl;

            this.gridView.BestFitColumns();

            #endregion
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

using System.Drawing;

using DevExpress.Utils;

using DevExpress.XtraEditors;

using DevExpress.XtraEditors.CustomEditor;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Gauges.State;

using DevExpress.XtraGrid.Views.Grid;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Size = new Size(100, 200);

#endregion

#region 상태 지시자 게이지를 설정한다.

StateIndicatorGauge stateIndicatorGauge = gaugeControl.AddStateIndicatorGauge();

#endregion

#region 상태 지시자 컴포넌트를 설정한다.

StateIndicatorComponent stateIndicatorComponent = stateIndicatorGauge.AddIndicator();

stateIndicatorComponent.Size = new SizeF(100, 200);

StateIndicatorShapeType[] stateIndicatorShapeTypeArray = new StateIndicatorShapeType[]

{

StateIndicatorShapeType.TrafficLight1,

StateIndicatorShapeType.TrafficLight2,

StateIndicatorShapeType.TrafficLight3,

StateIndicatorShapeType.TrafficLight4

};

stateIndicatorComponent.States.Clear();

foreach(StateIndicatorShapeType stateIndicatorShapeType in stateIndicatorShapeTypeArray)

{

IndicatorState indicatorState = new IndicatorState();

indicatorState.ShapeType = stateIndicatorShapeType;

stateIndicatorComponent.States.Add(indicatorState);

}

stateIndicatorComponent.StateIndex = 1;

#endregion

#region 그리드 컨트롤을 설정한다.

this.gridView.InitializeView

(

true, // Multi Select

GridMultiSelectMode.CellSelect, // Grid Multi Select Mode

DrawFocusRectStyle.CellFocus, // Draw Focus Rect Style

true, // Show Indicator

true, // Show Column Headers

true, // Allow Column Moving

true, // Allow Column Resizing

true, // Allow Filter

true, // Allow Sort

false, // Allow Cell Merge

EditorShowMode.Default, // Editor Show Mode

false // Editable

);

this.gridView.OptionsBehavior.AutoPopulateColumns = true;

this.gridControl.DataSource = SampleTaskList.GetSampleTaskList();

RepositoryItemAnyControl repositoryItemAnyControl = new RepositoryItemAnyControl();

repositoryItemAnyControl.Control = gaugeControl;

this.gridControl.RepositoryItems.Add(repositoryItemAnyControl);

this.gridView.Columns["Severity"].ColumnEdit = repositoryItemAnyControl;

this.gridView.BestFitColumns();

#endregion

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 마우스를 사용해 값 지시자 이동시키기

■ GaugeControl 클래스에서 마우스를 사용해 값 지시자를 이동시키는 방법을 보여준다. ▶ MainForm.cs


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

using DevExpress.XtraEditors;
using DevExpress.XtraEditors.Controls;
using DevExpress.XtraGauges.Base;
using DevExpress.XtraGauges.Core.Base;
using DevExpress.XtraGauges.Core.Drawing;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Core.Primitive;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Gauges.Circular;

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

        #region Field

        /// <summary>
        /// 게이지 컨트롤
        /// </summary>
        private GaugeControl gaugeControl;

        /// <summary>
        /// 아크 스케일 컴포넌트
        /// </summary>
        private ArcScaleComponent arcScaleComponent;

        #endregion

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

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            this.gaugeControl = new GaugeControl();

            this.gaugeControl.Parent      = this;
            this.gaugeControl.Location    = new Point(50, 50);
            this.gaugeControl.Size        = new Size(400, 400);
            this.gaugeControl.BackColor   = Color.Transparent;
            this.gaugeControl.BorderStyle = BorderStyles.NoBorder;

            #endregion
            #region 환형 게이지를 설정한다.

            CircularGauge circularGauge = this.gaugeControl.AddCircularGauge();

            circularGauge.AddDefaultElements();

            #endregion
            #region 아크 스케일 배경 레이어를 설정한다.

            ArcScaleBackgroundLayer arcScaleBackgroundLayer = circularGauge.BackgroundLayers[0];

            arcScaleBackgroundLayer.ShapeType = BackgroundLayerShapeType.CircularFull_Style10;

            #endregion
            #region 아크 스케일 컴포넌트를 설정한다.

            this.arcScaleComponent = circularGauge.Scales[0];

            this.arcScaleComponent.MinValue                         = 0;
            this.arcScaleComponent.MaxValue                         = 100;
            this.arcScaleComponent.Value                            = 25;
            this.arcScaleComponent.AppearanceTickmarkText.Font      = new Font("Tahoma", 10f);
            this.arcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.White);
            this.arcScaleComponent.MajorTickCount                   = 11;
            this.arcScaleComponent.MajorTickmark.FormatString       = "{0:F0}";
            this.arcScaleComponent.MajorTickmark.ShapeType          = TickmarkShapeType.Circular_Style2_2;
            this.arcScaleComponent.MajorTickmark.ShapeOffset        = -10;
            this.arcScaleComponent.MajorTickmark.TextOffset         = -20;
            this.arcScaleComponent.MajorTickmark.AllowTickOverlap   = true;
            this.arcScaleComponent.MinorTickCount                   = 3;
            this.arcScaleComponent.MinorTickmark.ShapeType          = TickmarkShapeType.Circular_Style2_1;

            #endregion
            #region 아크 스케일 바늘 컴포넌트를 설정한다.

            ArcScaleNeedleComponent arcScaleNeedleComponent = circularGauge.Needles[0];

            arcScaleNeedleComponent.ShapeType = NeedleShapeType.CircularFull_Style3;

            #endregion
            #region 아크 스케일 스핀들 캡 컴포넌트를 설정한다.

            ArcScaleSpindleCapComponent arcScaleSpindleCapComponent = arcScaleSpindleCapComponent = new ArcScaleSpindleCapComponent();

            arcScaleSpindleCapComponent.Name     = "arcScaleSpindleCapComponent";
            arcScaleSpindleCapComponent.ArcScale = this.arcScaleComponent;
            arcScaleSpindleCapComponent.Size     = new SizeF(42F, 42F);
            arcScaleSpindleCapComponent.ZOrder   = -1000;
            arcScaleSpindleCapComponent.Shader   = new OpacityShader();

            circularGauge.SpindleCaps.Add(arcScaleSpindleCapComponent);

            #endregion

            this.gaugeControl.MouseDown += gaugeControl_MouseDown;
            this.gaugeControl.MouseMove += gaugeControl_MouseMove;
        }

        #endregion

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

        #region 게이지 컨트롤 마우스 DOWN 처리하기 - gaugeControl_MouseDown(sender, e)

        /// <summary>
        /// 게이지 컨트롤 마우스 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gaugeControl_MouseDown(object sender, MouseEventArgs e)
        {
            if(e.Button == MouseButtons.Left)
            {
                CalculateMouseValue(this.gaugeControl, this.arcScaleComponent, e);
            }
        }

        #endregion
        #region 게이지 컨트롤 마우스 이동시 처리하기 - gaugeControl_MouseMove(sender, e)

        /// <summary>
        /// 게이지 컨트롤 마우스 이동시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gaugeControl_MouseMove(object sender, MouseEventArgs e)
        {
            CheckCursor(this.gaugeControl as IGaugeContainer, e);

            if(e.Button == MouseButtons.Left)
            {
                CalculateMouseValue(this.gaugeControl, this.arcScaleComponent, e);
            }
        }

        #endregion

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

        #region 커서 체크하기 - CheckCursor(gaugeContainer, e)

        /// <summary>
        /// 커서 체크하기
        /// </summary>
        /// <param name="gaugeContainer">게이지 컨테이너</param>
        /// <param name="e">이벤트 인자</param>
        private void CheckCursor(IGaugeContainer gaugeContainer, MouseEventArgs e)
        {
            BasePrimitiveHitInfo hitInfo = gaugeContainer.CalcHitInfo(e.Location);

            Cursor cursor = (hitInfo.Element != null && !hitInfo.Element.IsComposite) ? Cursors.Hand : Cursors.Default;

            if(((Control)gaugeContainer).Cursor != cursor)
            {
                ((Control)gaugeContainer).Cursor = cursor;
            }
        }

        #endregion
        #region 마우스 값 계산하기 - CalculateMouseValue(container, convertibleScaleEx, e)

        /// <summary>
        /// 마우스 값 계산하기
        /// </summary>
        /// <param name="gaugeContainer">게이지 컨테이너 인터페이스</param>
        /// <param name="convertibleScaleEx">변환 가능 스케일 확장 인터페이스</param>
        /// <param name="e">이벤트 인자</param>
        private void CalculateMouseValue(IGaugeContainer gaugeContainer, IConvertibleScaleEx convertibleScaleEx, MouseEventArgs e)
        {
            BasePrimitiveHitInfo hitInfo = gaugeContainer.CalcHitInfo(e.Location);

            if(hitInfo.Element != null && !hitInfo.Element.IsComposite)
            {
                PointF point = MathHelper.PointToModelPoint(convertibleScaleEx as IElement<IRenderableElement>, new PointF(e.X, e.Y));

                float percent = convertibleScaleEx.PointToPercent(point);

                convertibleScaleEx.Value = convertibleScaleEx.PercentToValue(percent);
            }
        }

        #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

using System.Drawing;

using System.Windows.Forms;

using DevExpress.XtraEditors;

using DevExpress.XtraEditors.Controls;

using DevExpress.XtraGauges.Base;

using DevExpress.XtraGauges.Core.Base;

using DevExpress.XtraGauges.Core.Drawing;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Core.Primitive;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Gauges.Circular;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region Field

/// <summary>

/// 게이지 컨트롤

/// </summary>

private GaugeControl gaugeControl;

/// <summary>

/// 아크 스케일 컴포넌트

/// </summary>

private ArcScaleComponent arcScaleComponent;

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

this.gaugeControl = new GaugeControl();

this.gaugeControl.Parent = this;

this.gaugeControl.Location = new Point(50, 50);

this.gaugeControl.Size = new Size(400, 400);

this.gaugeControl.BackColor = Color.Transparent;

this.gaugeControl.BorderStyle = BorderStyles.NoBorder;

#endregion

#region 환형 게이지를 설정한다.

CircularGauge circularGauge = this.gaugeControl.AddCircularGauge();

circularGauge.AddDefaultElements();

#endregion

#region 아크 스케일 배경 레이어를 설정한다.

ArcScaleBackgroundLayer arcScaleBackgroundLayer = circularGauge.BackgroundLayers[0];

arcScaleBackgroundLayer.ShapeType = BackgroundLayerShapeType.CircularFull_Style10;

#endregion

#region 아크 스케일 컴포넌트를 설정한다.

this.arcScaleComponent = circularGauge.Scales[0];

this.arcScaleComponent.MinValue = 0;

this.arcScaleComponent.MaxValue = 100;

this.arcScaleComponent.Value = 25;

this.arcScaleComponent.AppearanceTickmarkText.Font = new Font("Tahoma", 10f);

this.arcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.White);

this.arcScaleComponent.MajorTickCount = 11;

this.arcScaleComponent.MajorTickmark.FormatString = "{0:F0}";

this.arcScaleComponent.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style2_2;

this.arcScaleComponent.MajorTickmark.ShapeOffset = -10;

this.arcScaleComponent.MajorTickmark.TextOffset = -20;

this.arcScaleComponent.MajorTickmark.AllowTickOverlap = true;

this.arcScaleComponent.MinorTickCount = 3;

this.arcScaleComponent.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style2_1;

#endregion

#region 아크 스케일 바늘 컴포넌트를 설정한다.

ArcScaleNeedleComponent arcScaleNeedleComponent = circularGauge.Needles[0];

arcScaleNeedleComponent.ShapeType = NeedleShapeType.CircularFull_Style3;

#endregion

#region 아크 스케일 스핀들 캡 컴포넌트를 설정한다.

ArcScaleSpindleCapComponent arcScaleSpindleCapComponent = arcScaleSpindleCapComponent = new ArcScaleSpindleCapComponent();

arcScaleSpindleCapComponent.Name = "arcScaleSpindleCapComponent";

arcScaleSpindleCapComponent.ArcScale = this.arcScaleComponent;

arcScaleSpindleCapComponent.Size = new SizeF(42F, 42F);

arcScaleSpindleCapComponent.ZOrder = -1000;

arcScaleSpindleCapComponent.Shader = new OpacityShader();

circularGauge.SpindleCaps.Add(arcScaleSpindleCapComponent);

#endregion

this.gaugeControl.MouseDown += gaugeControl_MouseDown;

this.gaugeControl.MouseMove += gaugeControl_MouseMove;

}

#endregion

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

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

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

#region 게이지 컨트롤 마우스 DOWN 처리하기 - gaugeControl_MouseDown(sender, e)

/// <summary>

/// 게이지 컨트롤 마우스 DOWN 처리하기

/// </summary>

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

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

private void gaugeControl_MouseDown(object sender, MouseEventArgs e)

{

if(e.Button == MouseButtons.Left)

{

CalculateMouseValue(this.gaugeControl, this.arcScaleComponent, e);

}

#endregion

#region 게이지 컨트롤 마우스 이동시 처리하기 - gaugeControl_MouseMove(sender, e)

/// <summary>

/// 게이지 컨트롤 마우스 이동시 처리하기

/// </summary>

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

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

private void gaugeControl_MouseMove(object sender, MouseEventArgs e)

{

CheckCursor(this.gaugeControl as IGaugeContainer, e);

if(e.Button == MouseButtons.Left)

{

CalculateMouseValue(this.gaugeControl, this.arcScaleComponent, e);

}

#endregion

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

#region 커서 체크하기 - CheckCursor(gaugeContainer, e)

/// <summary>

/// 커서 체크하기

/// </summary>

/// <param name="gaugeContainer">게이지 컨테이너</param>

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

private void CheckCursor(IGaugeContainer gaugeContainer, MouseEventArgs e)

{

BasePrimitiveHitInfo hitInfo = gaugeContainer.CalcHitInfo(e.Location);

Cursor cursor = (hitInfo.Element != null && !hitInfo.Element.IsComposite) ? Cursors.Hand : Cursors.Default;

if(((Control)gaugeContainer).Cursor != cursor)

{

((Control)gaugeContainer).Cursor = cursor;

}

#endregion

#region 마우스 값 계산하기 - CalculateMouseValue(container, convertibleScaleEx, e)

/// <summary>

/// 마우스 값 계산하기

/// </summary>

/// <param name="gaugeContainer">게이지 컨테이너 인터페이스</param>

/// <param name="convertibleScaleEx">변환 가능 스케일 확장 인터페이스</param>

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

private void CalculateMouseValue(IGaugeContainer gaugeContainer, IConvertibleScaleEx convertibleScaleEx, MouseEventArgs e)

{

BasePrimitiveHitInfo hitInfo = gaugeContainer.CalcHitInfo(e.Location);

if(hitInfo.Element != null && !hitInfo.Element.IsComposite)

{

PointF point = MathHelper.PointToModelPoint(convertibleScaleEx as IElement<IRenderableElement>, new PointF(e.X, e.Y));

float percent = convertibleScaleEx.PointToPercent(point);

convertibleScaleEx.Value = convertibleScaleEx.PercentToValue(percent);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 게이지 컨트롤 커스텀 그리기

■ GaugeControl 클래스를 사용해 게이지 컨트롤을 커스텀 그리는 방법을 보여준다. ▶ MainForm.cs


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

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Core.Primitive;
using DevExpress.XtraGauges.Core.Model;

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

        #region Field

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

        /// <summary>
        /// 애니메이션 잠금 카운터
        /// </summary>
        private int animationLockCounter = 0;

        /// <summary>
        /// 커스텀 그리기 여부
        /// </summary>
        private bool customDraw = false;

        #endregion

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

        #region 생성자 - MainForm()

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

            this.Load                                               += Form_Load;
            this.arcScaleNeedleComponent.CustomDrawElement          += arcScaleNeedleComponent_CustomDrawElement;
            this.arcScaleBackgroundLayerComponent.CustomDrawElement += arcScaleBackgroundLayerComponent_CustomDrawElement;
            this.arcScaleComponent.CustomDrawElement                += arcScaleComponent_CustomDrawElement;
            this.checkEdit.CheckStateChanged                        += checkEdit_CheckStateChanged;
        }

        #endregion

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

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

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

            this.timer.Interval = 150;

            this.timer.Tick += timer_Tick;

            this.timer.Start();
        }

        #endregion
        #region 아크 스케일 컴포넌트 요소 커스텀 그리기 - arcScaleComponent_CustomDrawElement(sender, e)

        /// <summary>
        /// 아크 스케일 컴포넌트 요소 커스텀 그리기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void arcScaleComponent_CustomDrawElement(object sender, CustomDrawElementEventArgs e)
        {
            if(this.customDraw)
            {
                e.Handled = true;
            }
        }

        #endregion
        #region 아크 스케일 배경 레이어 컴포넌트 요소 커스텀 그리기 - arcScaleBackgroundLayerComponent_CustomDrawElement(sender, e)

        /// <summary>
        /// 아크 스케일 배경 레이어 컴포넌트 요소 커스텀 그리기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void arcScaleBackgroundLayerComponent_CustomDrawElement(object sender, CustomDrawElementEventArgs e)
        {
            if(this.customDraw)
            {
                RectangleF rectangle = RectangleF.Inflate(e.Info.BoundBox, -15, -15);

                e.Context.Graphics.FillEllipse(Brushes.Black, rectangle);

                rectangle.Inflate(-2, -2);

                e.Context.Graphics.SetClip
                (
                    new RectangleF
                    (
                        rectangle.Left + rectangle.Width * 0.5f,
                        rectangle.Top,
                        rectangle.Width * 0.5f,
                        rectangle.Height
                    )
                );

                e.Context.Graphics.FillEllipse(Brushes.White, rectangle);

                e.Context.Graphics.ResetClip();

                e.Context.Graphics.FillEllipse
                (
                    Brushes.White,
                    new RectangleF
                    (
                        rectangle.Left + rectangle.Width * 0.25f,
                        rectangle.Top,
                        rectangle.Width * 0.5f,
                        rectangle.Height * 0.5f
                    )
                );

                e.Context.Graphics.FillEllipse
                (
                    Brushes.Black,
                    new RectangleF
                    (
                        rectangle.Left + rectangle.Width * 0.25f,
                        rectangle.Top + rectangle.Height * 0.5f,
                        rectangle.Width * 0.5f,
                        rectangle.Height * 0.5f
                    )
                );

                e.Handled = true;
            }
        }

        #endregion
        #region 아크 스케일 바늘 컴포넌트 요소 커스텀 그리기 - arcScaleNeedleComponent_CustomDrawElement(sender, e)

        /// <summary>
        /// 아크 스케일 바늘 컴포넌트 요소 커스텀 그리기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void arcScaleNeedleComponent_CustomDrawElement(object sender, CustomDrawElementEventArgs e)
        {
            if(this.customDraw)
            {
                e.Context.Graphics.FillEllipse(Brushes.White, new RectangleF(50, 112.5f, 25, 25));

                e.Context.Graphics.FillEllipse(Brushes.Black, new RectangleF(175, 112.5f, 25, 25));

                e.Handled = true;
            }
        }

        #endregion
        #region 체크 에디터 체크 상태 변경시 처리하기 - checkEdit_CheckStateChanged(sender, e)

        /// <summary>
        /// 체크 에디터 체크 상태 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void checkEdit_CheckStateChanged(object sender, EventArgs e)
        {
            this.customDraw = this.checkEdit.Checked;

            this.arcScaleBackgroundLayerComponent.Self.ResetCache(CacheKeys.RenderedImage);

            this.gaugeControl.Refresh();
        }

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

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

            this.animationLockCounter++;

            this.arcScaleComponent.Value = AnimateScaleValue(this.arcScaleComponent, 0.05f);

            this.animationLockCounter--;
        }

        #endregion

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

        #region 스케일 값 애니메이션 처리하기 - AnimateScaleValue(baseScale, factor)

        /// <summary>
        /// 스케일 값 애니메이션 처리하기
        /// </summary>
        /// <param name="baseScale">베이스 스케일 인터페이스</param>
        /// <param name="factor">인자</param>
        /// <returns>스케일 값</returns>
        private float AnimateScaleValue(IBaseScale baseScale, float factor)
        {
            Random random = new Random(DateTime.Now.Millisecond);

            float deviation = ((float)random.NextDouble() - baseScale.Percent);

            return (baseScale.Value + (baseScale.ScaleLength * factor) * deviation);
        }

        #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

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

using System;

using System.Drawing;

using System.Windows.Forms;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Core.Primitive;

using DevExpress.XtraGauges.Core.Model;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region Field

/// <summary>

/// 타이머

/// </summary>

private Timer timer;

/// <summary>

/// 애니메이션 잠금 카운터

/// </summary>

private int animationLockCounter = 0;

/// <summary>

/// 커스텀 그리기 여부

/// </summary>

private bool customDraw = false;

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.Load += Form_Load;

this.arcScaleNeedleComponent.CustomDrawElement += arcScaleNeedleComponent_CustomDrawElement;

this.arcScaleBackgroundLayerComponent.CustomDrawElement += arcScaleBackgroundLayerComponent_CustomDrawElement;

this.arcScaleComponent.CustomDrawElement += arcScaleComponent_CustomDrawElement;

this.checkEdit.CheckStateChanged += checkEdit_CheckStateChanged;

}

#endregion

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

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

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

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

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

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

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

private void Form_Load(object sender, EventArgs e)

{

this.timer = new Timer();

this.timer.Interval = 150;

this.timer.Tick += timer_Tick;

this.timer.Start();

}

#endregion

#region 아크 스케일 컴포넌트 요소 커스텀 그리기 - arcScaleComponent_CustomDrawElement(sender, e)

/// <summary>

/// 아크 스케일 컴포넌트 요소 커스텀 그리기

/// </summary>

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

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

private void arcScaleComponent_CustomDrawElement(object sender, CustomDrawElementEventArgs e)

{

if(this.customDraw)

{

e.Handled = true;

}

#endregion

#region 아크 스케일 배경 레이어 컴포넌트 요소 커스텀 그리기 - arcScaleBackgroundLayerComponent_CustomDrawElement(sender, e)

/// <summary>

/// 아크 스케일 배경 레이어 컴포넌트 요소 커스텀 그리기

/// </summary>

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

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

private void arcScaleBackgroundLayerComponent_CustomDrawElement(object sender, CustomDrawElementEventArgs e)

{

if(this.customDraw)

{

RectangleF rectangle = RectangleF.Inflate(e.Info.BoundBox, -15, -15);

e.Context.Graphics.FillEllipse(Brushes.Black, rectangle);

rectangle.Inflate(-2, -2);

e.Context.Graphics.SetClip

(

new RectangleF

(

rectangle.Left + rectangle.Width * 0.5f,

rectangle.Top,

rectangle.Width * 0.5f,

rectangle.Height

)

);

e.Context.Graphics.FillEllipse(Brushes.White, rectangle);

e.Context.Graphics.ResetClip();

e.Context.Graphics.FillEllipse

(

Brushes.White,

new RectangleF

(

rectangle.Left + rectangle.Width * 0.25f,

rectangle.Top,

rectangle.Width * 0.5f,

rectangle.Height * 0.5f

)

);

e.Context.Graphics.FillEllipse

(

Brushes.Black,

new RectangleF

(

rectangle.Left + rectangle.Width * 0.25f,

rectangle.Top + rectangle.Height * 0.5f,

rectangle.Width * 0.5f,

rectangle.Height * 0.5f

)

);

e.Handled = true;

}

#endregion

#region 아크 스케일 바늘 컴포넌트 요소 커스텀 그리기 - arcScaleNeedleComponent_CustomDrawElement(sender, e)

/// <summary>

/// 아크 스케일 바늘 컴포넌트 요소 커스텀 그리기

/// </summary>

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

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

private void arcScaleNeedleComponent_CustomDrawElement(object sender, CustomDrawElementEventArgs e)

{

if(this.customDraw)

{

e.Context.Graphics.FillEllipse(Brushes.White, new RectangleF(50, 112.5f, 25, 25));

e.Context.Graphics.FillEllipse(Brushes.Black, new RectangleF(175, 112.5f, 25, 25));

e.Handled = true;

}

#endregion

#region 체크 에디터 체크 상태 변경시 처리하기 - checkEdit_CheckStateChanged(sender, e)

/// <summary>

/// 체크 에디터 체크 상태 변경시 처리하기

/// </summary>

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

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

private void checkEdit_CheckStateChanged(object sender, EventArgs e)

{

this.customDraw = this.checkEdit.Checked;

this.arcScaleBackgroundLayerComponent.Self.ResetCache(CacheKeys.RenderedImage);

this.gaugeControl.Refresh();

}

#endregion

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

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

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

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

private void timer_Tick(object sender, EventArgs e)

{

if(this.animationLockCounter > 0)

{

return;

}

this.animationLockCounter++;

this.arcScaleComponent.Value = AnimateScaleValue(this.arcScaleComponent, 0.05f);

this.animationLockCounter--;

}

#endregion

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

#region 스케일 값 애니메이션 처리하기 - AnimateScaleValue(baseScale, factor)

/// <summary>

/// 스케일 값 애니메이션 처리하기

/// </summary>

/// <param name="baseScale">베이스 스케일 인터페이스</param>

/// <param name="factor">인자</param>

/// <returns>스케일 값</returns>

private float AnimateScaleValue(IBaseScale baseScale, float factor)

{

Random random = new Random(DateTime.Now.Millisecond);

float deviation = ((float)random.NextDouble() - baseScale.Percent);

return (baseScale.Value + (baseScale.ScaleLength * factor) * deviation);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 상태 지시자 게이지 사용하기

■ GaugeControl 클래스에서 상태 지시자 게이지를 사용하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Gauges.State;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Parent   = this;
            gaugeControl.Location = new Point(50, 50);
            gaugeControl.Size     = new Size(250, 250);

            #endregion
            #region 상태 지시자 게이지를 설정한다.

            StateIndicatorGauge stateIndicatorGauge = gaugeControl.AddStateIndicatorGauge();

            #endregion
            #region 상태 지시자 컴포넌트를 설정한다.

            StateIndicatorComponent stateIndicatorComponent = stateIndicatorGauge.AddIndicator();

            stateIndicatorComponent.Size = new SizeF(100, 200);

            StateIndicatorShapeType[] stateIndicatorShapeTypeArray = new StateIndicatorShapeType[]
            {
                StateIndicatorShapeType.TrafficLight1,
                StateIndicatorShapeType.TrafficLight2,
                StateIndicatorShapeType.TrafficLight3,
                StateIndicatorShapeType.TrafficLight4
            };

            stateIndicatorComponent.States.Clear();

            foreach(StateIndicatorShapeType stateIndicatorShapeType in stateIndicatorShapeTypeArray)
            {
                IndicatorState indicatorState = new IndicatorState();

                indicatorState.ShapeType = stateIndicatorShapeType;

                stateIndicatorComponent.States.Add(indicatorState);
            }

            stateIndicatorComponent.StateIndex = 1;

            #endregion
        }

        #endregion
    }
}

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Gauges.State;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Parent = this;

gaugeControl.Location = new Point(50, 50);

gaugeControl.Size = new Size(250, 250);

#endregion

#region 상태 지시자 게이지를 설정한다.

StateIndicatorGauge stateIndicatorGauge = gaugeControl.AddStateIndicatorGauge();

#endregion

#region 상태 지시자 컴포넌트를 설정한다.

StateIndicatorComponent stateIndicatorComponent = stateIndicatorGauge.AddIndicator();

stateIndicatorComponent.Size = new SizeF(100, 200);

StateIndicatorShapeType[] stateIndicatorShapeTypeArray = new StateIndicatorShapeType[]

{

StateIndicatorShapeType.TrafficLight1,

StateIndicatorShapeType.TrafficLight2,

StateIndicatorShapeType.TrafficLight3,

StateIndicatorShapeType.TrafficLight4

};

stateIndicatorComponent.States.Clear();

foreach(StateIndicatorShapeType stateIndicatorShapeType in stateIndicatorShapeTypeArray)

{

IndicatorState indicatorState = new IndicatorState();

indicatorState.ShapeType = stateIndicatorShapeType;

stateIndicatorComponent.States.Add(indicatorState);

}

stateIndicatorComponent.StateIndex = 1;

#endregion

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 선형 게이지 생성하기

■ GaugeControl 클래스를 사용해 선형 게이지를 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraEditors.Controls;
using DevExpress.XtraGauges.Core.Base;
using DevExpress.XtraGauges.Core.Drawing;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Gauges.Linear;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Name        = "gaugeControl";
            gaugeControl.Parent      = this;
            gaugeControl.Location    = new Point(50, 50);
            gaugeControl.Size        = new Size(260, 260);
            gaugeControl.BorderStyle = BorderStyles.NoBorder;
            gaugeControl.BackColor   = Color.Transparent;

            #endregion
            #region 선형 게이지를 설정한다.

            LinearGauge linearGauge = new LinearGauge();

            linearGauge.Name   = "linearGauge";
            linearGauge.Bounds = new Rectangle(5, 5, 255, 255);

            gaugeControl.Gauges.Add(linearGauge);

            #endregion
            #region 선형 스케일 컴포넌트를 설정한다.

            LinearScaleComponent linearScaleComponent = new LinearScaleComponent();

            linearScaleComponent.Name                             = "linearScaleComponent";
            linearScaleComponent.AppearanceTickmarkText.Font      = new Font("Tahoma", 10f);
            linearScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject("Color:White");
            linearScaleComponent.MajorTickCount                   = 7;
            linearScaleComponent.MajorTickmark.FormatString       = "{0:F0}";
            linearScaleComponent.MajorTickmark.ShapeOffset        = 6f;
            linearScaleComponent.MajorTickmark.ShapeType          = TickmarkShapeType.Linear_Style7_3;
            linearScaleComponent.MajorTickmark.TextOffset         = 35f;
            linearScaleComponent.MinorTickCount                   = 4;
            linearScaleComponent.MinorTickmark.ShapeOffset        = 6f;
            linearScaleComponent.MinorTickmark.ShapeType          = TickmarkShapeType.Linear_Style7_2;
            linearScaleComponent.EndPoint                         = new PointF2D(62.5f, 33f );
            linearScaleComponent.StartPoint                       = new PointF2D(62.5f, 217f);
            linearScaleComponent.MaxValue                         = 60f;
            linearScaleComponent.MinValue                         = -60f;
            linearScaleComponent.Value                            = 10f;

            linearGauge.Scales.Add(linearScaleComponent);

            #endregion
            #region 선형 스케일 레벨 컴포넌트를 설정한다.

            LinearScaleLevelComponent linearScaleLevelComponent = new LinearScaleLevelComponent();

            linearScaleLevelComponent.Name        = "linearScaleLevelComponent";
            linearScaleLevelComponent.LinearScale = linearScaleComponent;
            linearScaleLevelComponent.ShapeType   = LevelShapeSetType.Style7;
            linearScaleLevelComponent.ZOrder      = -50;

            linearGauge.Levels.Add(linearScaleLevelComponent);

            #endregion
            #region 선형 스케일 범위 1을 설정한다.

            LinearScaleRange linearScaleRange1 = new LinearScaleRange();

            linearScaleRange1.Name                         = "linearScaleRange1";
            linearScaleRange1.AppearanceRange.ContentBrush = new SolidBrushObject("Color:DeepSkyBlue");
            linearScaleRange1.ShapeOffset                  = -20f;
            linearScaleRange1.StartValue                   = -60f;
            linearScaleRange1.EndValue                     = 0f;

            linearScaleComponent.Ranges.Add(linearScaleRange1);

            #endregion
            #region 선형 스케일 범위 2를 설정한다.

            LinearScaleRange linearScaleRange2 = new LinearScaleRange();

            linearScaleRange2.Name                         = "Range1";
            linearScaleRange2.AppearanceRange.ContentBrush = new SolidBrushObject("Color:DarkOrange");
            linearScaleRange2.ShapeOffset                  = -20F;
            linearScaleRange2.StartValue                   = 0f;
            linearScaleRange2.EndValue                     = 60f;

            linearScaleComponent.Ranges.Add(linearScaleRange2);

            #endregion
            #region 선형 스케일 배경 레이어 컴포넌트를 설정한다.

            LinearScaleBackgroundLayerComponent linearScaleBackgroundLayerComponent = new LinearScaleBackgroundLayerComponent();

            linearScaleBackgroundLayerComponent.Name          = "linearScaleBackgroundLayerComponent";
            linearScaleBackgroundLayerComponent.LinearScale   = linearScaleComponent;
            linearScaleBackgroundLayerComponent.ScaleEndPos   = new PointF2D(0.497f, 0.135f);
            linearScaleBackgroundLayerComponent.ScaleStartPos = new PointF2D(0.497f, 0.865f);
            linearScaleBackgroundLayerComponent.ShapeType     = BackgroundLayerShapeType.Linear_Style7;
            linearScaleBackgroundLayerComponent.ZOrder        = 1000;

            linearGauge.BackgroundLayers.Add(linearScaleBackgroundLayerComponent);

            #endregion
        }

        #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

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraEditors.Controls;

using DevExpress.XtraGauges.Core.Base;

using DevExpress.XtraGauges.Core.Drawing;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Gauges.Linear;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Name = "gaugeControl";

gaugeControl.Parent = this;

gaugeControl.Location = new Point(50, 50);

gaugeControl.Size = new Size(260, 260);

gaugeControl.BorderStyle = BorderStyles.NoBorder;

gaugeControl.BackColor = Color.Transparent;

#endregion

#region 선형 게이지를 설정한다.

LinearGauge linearGauge = new LinearGauge();

linearGauge.Name = "linearGauge";

linearGauge.Bounds = new Rectangle(5, 5, 255, 255);

gaugeControl.Gauges.Add(linearGauge);

#endregion

#region 선형 스케일 컴포넌트를 설정한다.

LinearScaleComponent linearScaleComponent = new LinearScaleComponent();

linearScaleComponent.Name = "linearScaleComponent";

linearScaleComponent.AppearanceTickmarkText.Font = new Font("Tahoma", 10f);

linearScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject("Color:White");

linearScaleComponent.MajorTickCount = 7;

linearScaleComponent.MajorTickmark.FormatString = "{0:F0}";

linearScaleComponent.MajorTickmark.ShapeOffset = 6f;

linearScaleComponent.MajorTickmark.ShapeType = TickmarkShapeType.Linear_Style7_3;

linearScaleComponent.MajorTickmark.TextOffset = 35f;

linearScaleComponent.MinorTickCount = 4;

linearScaleComponent.MinorTickmark.ShapeOffset = 6f;

linearScaleComponent.MinorTickmark.ShapeType = TickmarkShapeType.Linear_Style7_2;

linearScaleComponent.EndPoint = new PointF2D(62.5f, 33f );

linearScaleComponent.StartPoint = new PointF2D(62.5f, 217f);

linearScaleComponent.MaxValue = 60f;

linearScaleComponent.MinValue = -60f;

linearScaleComponent.Value = 10f;

linearGauge.Scales.Add(linearScaleComponent);

#endregion

#region 선형 스케일 레벨 컴포넌트를 설정한다.

LinearScaleLevelComponent linearScaleLevelComponent = new LinearScaleLevelComponent();

linearScaleLevelComponent.Name = "linearScaleLevelComponent";

linearScaleLevelComponent.LinearScale = linearScaleComponent;

linearScaleLevelComponent.ShapeType = LevelShapeSetType.Style7;

linearScaleLevelComponent.ZOrder = -50;

linearGauge.Levels.Add(linearScaleLevelComponent);

#endregion

#region 선형 스케일 범위 1을 설정한다.

LinearScaleRange linearScaleRange1 = new LinearScaleRange();

linearScaleRange1.Name = "linearScaleRange1";

linearScaleRange1.AppearanceRange.ContentBrush = new SolidBrushObject("Color:DeepSkyBlue");

linearScaleRange1.ShapeOffset = -20f;

linearScaleRange1.StartValue = -60f;

linearScaleRange1.EndValue = 0f;

linearScaleComponent.Ranges.Add(linearScaleRange1);

#endregion

#region 선형 스케일 범위 2를 설정한다.

LinearScaleRange linearScaleRange2 = new LinearScaleRange();

linearScaleRange2.Name = "Range1";

linearScaleRange2.AppearanceRange.ContentBrush = new SolidBrushObject("Color:DarkOrange");

linearScaleRange2.ShapeOffset = -20F;

linearScaleRange2.StartValue = 0f;

linearScaleRange2.EndValue = 60f;

linearScaleComponent.Ranges.Add(linearScaleRange2);

#endregion

#region 선형 스케일 배경 레이어 컴포넌트를 설정한다.

LinearScaleBackgroundLayerComponent linearScaleBackgroundLayerComponent = new LinearScaleBackgroundLayerComponent();

linearScaleBackgroundLayerComponent.Name = "linearScaleBackgroundLayerComponent";

linearScaleBackgroundLayerComponent.LinearScale = linearScaleComponent;

linearScaleBackgroundLayerComponent.ScaleEndPos = new PointF2D(0.497f, 0.135f);

linearScaleBackgroundLayerComponent.ScaleStartPos = new PointF2D(0.497f, 0.865f);

linearScaleBackgroundLayerComponent.ShapeType = BackgroundLayerShapeType.Linear_Style7;

linearScaleBackgroundLayerComponent.ZOrder = 1000;

linearGauge.BackgroundLayers.Add(linearScaleBackgroundLayerComponent);

#endregion

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 디지털 게이지 생성하기

■ GaugeControl 클래스를 사용해 디지털 게이지를 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Core.Drawing;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win.Gauges.Digital;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Parent   = this;
            gaugeControl.Location = new Point(50, 50);
            gaugeControl.Size     = new Size(250, 100);

            #endregion
            #region 디지털 게이지를 설정한다.

            DigitalGauge digitalGauge = gaugeControl.AddDigitalGauge();

            digitalGauge.DisplayMode               = DigitalGaugeDisplayMode.FourteenSegment;
            digitalGauge.DigitCount                = 14;
            digitalGauge.AppearanceOn.ContentBrush = new SolidBrushObject(Color.Red);
            digitalGauge.Text                      = "Gauge Control";

            #endregion
            #region 디지털 배경 레이어 컴포넌트를 설정한다.

            DigitalBackgroundLayerComponent digitalBackgroundLayerComponent = digitalGauge.AddBackgroundLayer();

            digitalBackgroundLayerComponent.ShapeType = DigitalBackgroundShapeSetType.Style2;

            #endregion
        }

        #endregion
    }
}

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Core.Drawing;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win.Gauges.Digital;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Parent = this;

gaugeControl.Location = new Point(50, 50);

gaugeControl.Size = new Size(250, 100);

#endregion

#region 디지털 게이지를 설정한다.

DigitalGauge digitalGauge = gaugeControl.AddDigitalGauge();

digitalGauge.DisplayMode = DigitalGaugeDisplayMode.FourteenSegment;

digitalGauge.DigitCount = 14;

digitalGauge.AppearanceOn.ContentBrush = new SolidBrushObject(Color.Red);

digitalGauge.Text = "Gauge Control";

#endregion

#region 디지털 배경 레이어 컴포넌트를 설정한다.

DigitalBackgroundLayerComponent digitalBackgroundLayerComponent = digitalGauge.AddBackgroundLayer();

digitalBackgroundLayerComponent.ShapeType = DigitalBackgroundShapeSetType.Style2;

#endregion

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 환형 게이지 동적 생성하기

■ GaugeControl 클래스를 사용해 환형 게이지를 동적 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraEditors.Controls;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Gauges.Circular;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Core.Drawing;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Parent      = this;
            gaugeControl.Location    = new Point(50, 50);
            gaugeControl.Size        = new Size(400, 400);
            gaugeControl.BackColor   = Color.Transparent;
            gaugeControl.BorderStyle = BorderStyles.NoBorder;

            #endregion
            #region 환형 게이지를 설정한다.

            CircularGauge circularGauge = gaugeControl.AddCircularGauge();

            circularGauge.AddDefaultElements();

            #endregion
            #region 아크 스케일 배경 레이어를 설정한다.

            ArcScaleBackgroundLayer arcScaleBackgroundLayer = circularGauge.BackgroundLayers[0];

            arcScaleBackgroundLayer.ShapeType = BackgroundLayerShapeType.CircularFull_Style3;

            #endregion
            #region 아크 스케일 컴포넌트를 설정한다.

            ArcScaleComponent arcScaleComponent = circularGauge.Scales[0];

            arcScaleComponent.MinValue                         = 0;
            arcScaleComponent.MaxValue                         = 100;
            arcScaleComponent.Value                            = 25;
            arcScaleComponent.AppearanceTickmarkText.Font      = new Font("Tahoma", 10f);
            arcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.White);
            arcScaleComponent.MajorTickCount                   = 11;
            arcScaleComponent.MajorTickmark.FormatString       = "{0:F0}";
            arcScaleComponent.MajorTickmark.ShapeType          = TickmarkShapeType.Circular_Style2_2;
            arcScaleComponent.MajorTickmark.ShapeOffset        = -10;
            arcScaleComponent.MajorTickmark.TextOffset         = -20;
            arcScaleComponent.MajorTickmark.AllowTickOverlap   = true;
            arcScaleComponent.MinorTickCount                   = 3;
            arcScaleComponent.MinorTickmark.ShapeType          = TickmarkShapeType.Circular_Style2_1;

            #endregion
            #region 아크 스케일 바늘 컴포넌트를 설정한다.

            ArcScaleNeedleComponent arcScaleNeedleComponent = circularGauge.Needles[0];

            arcScaleNeedleComponent.ShapeType = NeedleShapeType.CircularFull_Style3;

            #endregion
            #region 아크 스케일 스핀들 캡 컴포넌트를 설정한다.

            ArcScaleSpindleCapComponent arcScaleSpindleCapComponent = arcScaleSpindleCapComponent = new ArcScaleSpindleCapComponent();

            arcScaleSpindleCapComponent.Name     = "arcScaleSpindleCapComponent";
            arcScaleSpindleCapComponent.ArcScale = arcScaleComponent;
            arcScaleSpindleCapComponent.Size     = new SizeF(42F, 42F);
            arcScaleSpindleCapComponent.ZOrder   = -1000;
            arcScaleSpindleCapComponent.Shader   = new OpacityShader();

            circularGauge.SpindleCaps.Add(arcScaleSpindleCapComponent);

            #endregion
        }

        #endregion
    }
}

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraEditors.Controls;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Gauges.Circular;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Core.Drawing;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Parent = this;

gaugeControl.Location = new Point(50, 50);

gaugeControl.Size = new Size(400, 400);

gaugeControl.BackColor = Color.Transparent;

gaugeControl.BorderStyle = BorderStyles.NoBorder;

#endregion

#region 환형 게이지를 설정한다.

CircularGauge circularGauge = gaugeControl.AddCircularGauge();

circularGauge.AddDefaultElements();

#endregion

#region 아크 스케일 배경 레이어를 설정한다.

ArcScaleBackgroundLayer arcScaleBackgroundLayer = circularGauge.BackgroundLayers[0];

arcScaleBackgroundLayer.ShapeType = BackgroundLayerShapeType.CircularFull_Style3;

#endregion

#region 아크 스케일 컴포넌트를 설정한다.

ArcScaleComponent arcScaleComponent = circularGauge.Scales[0];

arcScaleComponent.MinValue = 0;

arcScaleComponent.MaxValue = 100;

arcScaleComponent.Value = 25;

arcScaleComponent.AppearanceTickmarkText.Font = new Font("Tahoma", 10f);

arcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.White);

arcScaleComponent.MajorTickCount = 11;

arcScaleComponent.MajorTickmark.FormatString = "{0:F0}";

arcScaleComponent.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style2_2;

arcScaleComponent.MajorTickmark.ShapeOffset = -10;

arcScaleComponent.MajorTickmark.TextOffset = -20;

arcScaleComponent.MajorTickmark.AllowTickOverlap = true;

arcScaleComponent.MinorTickCount = 3;

arcScaleComponent.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style2_1;

#endregion

#region 아크 스케일 바늘 컴포넌트를 설정한다.

ArcScaleNeedleComponent arcScaleNeedleComponent = circularGauge.Needles[0];

arcScaleNeedleComponent.ShapeType = NeedleShapeType.CircularFull_Style3;

#endregion

#region 아크 스케일 스핀들 캡 컴포넌트를 설정한다.

ArcScaleSpindleCapComponent arcScaleSpindleCapComponent = arcScaleSpindleCapComponent = new ArcScaleSpindleCapComponent();

arcScaleSpindleCapComponent.Name = "arcScaleSpindleCapComponent";

arcScaleSpindleCapComponent.ArcScale = arcScaleComponent;

arcScaleSpindleCapComponent.Size = new SizeF(42F, 42F);

arcScaleSpindleCapComponent.ZOrder = -1000;

arcScaleSpindleCapComponent.Shader = new OpacityShader();

circularGauge.SpindleCaps.Add(arcScaleSpindleCapComponent);

#endregion

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 게이지 스타일 적용하기

■ GaugeControl 클래스를 사용해 게이지 스타일을 적용하는 방법을 보여준다. ▶ MainForm.cs


using System;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Core.Styles;
using DevExpress.XtraGauges.Presets.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            StyleCollectionKey newStyleCollectionKey = new StyleCollectionKey("Circular");

            newStyleCollectionKey.Name = "Pure Dark";
            newStyleCollectionKey.Tag  = "Wide";

            StyleCollection styleCollection = StyleLoader.Load(newStyleCollectionKey);

            styleCollection.Apply(this.circularGauge);

            this.trackBarControl.EditValueChanged += trackBarControl_EditValueChanged;
        }

        #endregion

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

        #region 트랙바 컨트롤 편집 값 변경시 처리하기 - trackBarControl_EditValueChanged(sender, e)

        /// <summary>
        /// 트랙바 컨트롤 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void trackBarControl_EditValueChanged(object sender, EventArgs e)
        {
            float value = Convert.ToSingle(this.trackBarControl.EditValue);

            this.arcScaleComponent.Value = value;

            this.arcScaleNeedleComponent.Value = value;
        }

        #endregion
    }
}

using System;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Core.Styles;

using DevExpress.XtraGauges.Presets.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

StyleCollectionKey newStyleCollectionKey = new StyleCollectionKey("Circular");

newStyleCollectionKey.Name = "Pure Dark";

newStyleCollectionKey.Tag = "Wide";

StyleCollection styleCollection = StyleLoader.Load(newStyleCollectionKey);

styleCollection.Apply(this.circularGauge);

this.trackBarControl.EditValueChanged += trackBarControl_EditValueChanged;

}

#endregion

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

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

#region 트랙바 컨트롤 편집 값 변경시 처리하기 - trackBarControl_EditValueChanged(sender, e)

/// <summary>

/// 트랙바 컨트롤 편집 값 변경시 처리하기

/// </summary>

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

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

private void trackBarControl_EditValueChanged(object sender, EventArgs e)

{

float value = Convert.ToSingle(this.trackBarControl.EditValue);

this.arcScaleComponent.Value = value;

this.arcScaleNeedleComponent.Value = value;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 게이지 요소 모양 만들기

■ GaugeControl 클래스를 사용해 게이지 요소 모양을 만드는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Core.Drawing;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            #region NEEDLE 복합 도형을 설정한다.

            ComplexShape needleComplexShape = (ComplexShape)this.arcScaleNeedleComponent.Shape;

            needleComplexShape.Collection.Clear();

            #endregion
            #region BASIC 폴리라인 도형을 설정한다.

            PolylineShape basicPolylineShape = new PolylineShape();

            basicPolylineShape.Name                    = "basicPolylineShape";
            basicPolylineShape.Appearance.ContentBrush = new SolidBrushObject(Color.Azure);
            basicPolylineShape.Points                  = new PointF[]
            {
                new PointF(25 ,  20),
                new PointF(100,  0 ),
                new PointF(25 , -20),
                new PointF(95 ,  0 ),
                new PointF(25 ,  20)
            };

            needleComplexShape.Add(basicPolylineShape);

            #endregion
            #region CAP 폴리라인 도형을 설정한다.

            PolylineShape capPolylineShape = new PolylineShape();

            capPolylineShape.Name                    = "capPolylineShape";
            capPolylineShape.Appearance.ContentBrush = new SolidBrushObject(Color.BurlyWood);
            capPolylineShape.Points                  = new PointF[]
            {
                new PointF(100,  0),
                new PointF(105,  5),
                new PointF(110,  0),
                new PointF(105, -5)
            };

            needleComplexShape.Add(capPolylineShape);

            #endregion

            this.trackBarControl.EditValueChanged += trackBarControl_EditValueChanged;
        }

        #endregion

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

        #region 트랙바 컨트롤 편집 값 변경시 처리하기 - trackBarControl_EditValueChanged(sender, e)

        /// <summary>
        /// 트랙바 컨트롤 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void trackBarControl_EditValueChanged(object sender, EventArgs e)
        {
            float value = Convert.ToSingle(this.trackBarControl.EditValue);

            this.arcScaleComponent.Value = value;

            this.arcScaleNeedleComponent.Value = value;
        }

        #endregion
    }
}

using System;

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Core.Drawing;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region NEEDLE 복합 도형을 설정한다.

ComplexShape needleComplexShape = (ComplexShape)this.arcScaleNeedleComponent.Shape;

needleComplexShape.Collection.Clear();

#endregion

#region BASIC 폴리라인 도형을 설정한다.

PolylineShape basicPolylineShape = new PolylineShape();

basicPolylineShape.Name = "basicPolylineShape";

basicPolylineShape.Appearance.ContentBrush = new SolidBrushObject(Color.Azure);

basicPolylineShape.Points = new PointF[]

{

new PointF(25 , 20),

new PointF(100, 0 ),

new PointF(25 , -20),

new PointF(95 , 0 ),

new PointF(25 , 20)

};

needleComplexShape.Add(basicPolylineShape);

#endregion

#region CAP 폴리라인 도형을 설정한다.

PolylineShape capPolylineShape = new PolylineShape();

capPolylineShape.Name = "capPolylineShape";

capPolylineShape.Appearance.ContentBrush = new SolidBrushObject(Color.BurlyWood);

capPolylineShape.Points = new PointF[]

{

new PointF(100, 0),

new PointF(105, 5),

new PointF(110, 0),

new PointF(105, -5)

};

needleComplexShape.Add(capPolylineShape);

#endregion

this.trackBarControl.EditValueChanged += trackBarControl_EditValueChanged;

}

#endregion

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

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

#region 트랙바 컨트롤 편집 값 변경시 처리하기 - trackBarControl_EditValueChanged(sender, e)

/// <summary>

/// 트랙바 컨트롤 편집 값 변경시 처리하기

/// </summary>

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

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

private void trackBarControl_EditValueChanged(object sender, EventArgs e)

{

float value = Convert.ToSingle(this.trackBarControl.EditValue);

this.arcScaleComponent.Value = value;

this.arcScaleNeedleComponent.Value = value;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 상태 지시자 사용하기

■ GaugeControl 클래스에서 상태 지시자를 사용하는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Core.Base;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win.Gauges.Circular;

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

        #region Field

        /// <summary>
        /// 아크 스케일 상태 지시자 컴포넌트 1
        /// </summary>
        private ArcScaleStateIndicatorComponent arcScaleStateIndicatorComponent1;

        /// <summary>
        /// 아크 스케일 상태 지시자 컴포넌트 2
        /// </summary>
        private ArcScaleStateIndicatorComponent arcScaleStateIndicatorComponent2;

        #endregion

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

        #region 생성자 - MainForm()

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

            #region 아크 스케일 상태 지시자 컴포넌트 1을 설정한다.

            this.arcScaleStateIndicatorComponent1 = new ArcScaleStateIndicatorComponent();

            this.arcScaleStateIndicatorComponent1.Name           = "arcScaleStateIndicatorComponent1";
            this.arcScaleStateIndicatorComponent1.IndicatorScale = this.arcScaleComponent1;
            this.arcScaleStateIndicatorComponent1.Center         = new PointF2D(125f, 225f);
            this.arcScaleStateIndicatorComponent1.Size           = new SizeF(25f, 25f);
            this.arcScaleStateIndicatorComponent1.ZOrder         = -100;

            this.circularGauge.Indicators.Add(this.arcScaleStateIndicatorComponent1);

            #endregion
            #region 스케일 지시자 상태 1을 설정한다.

            ScaleIndicatorState scaleIndicatorState1 = new ScaleIndicatorState();

            scaleIndicatorState1.Name           = "scaleIndicatorState1";
            scaleIndicatorState1.ShapeType      = StateIndicatorShapeType.ElectricLight4;
            scaleIndicatorState1.StartValue     = 0f;
            scaleIndicatorState1.IntervalLength = 50f;

            this.arcScaleStateIndicatorComponent1.States.Add(scaleIndicatorState1);

            #endregion
            #region 스케일 지시자 상태 2를 설정한다.

            ScaleIndicatorState scaleIndicatorState2 = new ScaleIndicatorState();

            scaleIndicatorState2.Name           = "scaleIndicatorState2";
            scaleIndicatorState2.ShapeType      = StateIndicatorShapeType.ElectricLight3;
            scaleIndicatorState2.StartValue     = 50f;
            scaleIndicatorState2.IntervalLength = 30f;

            this.arcScaleStateIndicatorComponent1.States.Add(scaleIndicatorState2);

            #endregion
            #region 스케일 지시자 상태 3을 설정한다.

            ScaleIndicatorState scaleIndicatorState3 = new ScaleIndicatorState();

            scaleIndicatorState3.Name           = "scaleIndicatorState3";
            scaleIndicatorState3.ShapeType      = StateIndicatorShapeType.ElectricLight2;
            scaleIndicatorState3.StartValue     = 80f;
            scaleIndicatorState3.IntervalLength = 20f;

            this.arcScaleStateIndicatorComponent1.States.Add(scaleIndicatorState3);

            #endregion
            #region 아크 스케일 상태 지시자 컴포넌트 2를 설정한다.

            this.arcScaleStateIndicatorComponent2 = new ArcScaleStateIndicatorComponent();

            this.arcScaleStateIndicatorComponent2.Name           = "arcScaleStateIndicatorComponent2";
            this.arcScaleStateIndicatorComponent2.IndicatorScale = this.arcScaleComponent2;
            this.arcScaleStateIndicatorComponent2.Center         = new PointF2D(125f, 190f);
            this.arcScaleStateIndicatorComponent2.Size           = new SizeF(25f, 25f);
            this.arcScaleStateIndicatorComponent2.ZOrder         = -100;

            this.circularGauge.Indicators.Add(this.arcScaleStateIndicatorComponent2);

            #endregion
            #region 스케일 지시자 상태 4를 설정한다.

            ScaleIndicatorState scaleIndicatorState4 = new ScaleIndicatorState();

            scaleIndicatorState4.Name           = "scaleIndicatorState4";
            scaleIndicatorState4.ShapeType      = StateIndicatorShapeType.ElectricLight4;
            scaleIndicatorState4.StartValue     = 0f;
            scaleIndicatorState4.IntervalLength = 700F;

            this.arcScaleStateIndicatorComponent2.States.Add(scaleIndicatorState4);

            #endregion
            #region 스케일 지시자 상태 5를 설정한다.

            ScaleIndicatorState scaleIndicatorState5 = new ScaleIndicatorState();

            scaleIndicatorState5.Name           = "scaleIndicatorState5";
            scaleIndicatorState5.ShapeType      = StateIndicatorShapeType.ElectricLight3;
            scaleIndicatorState5.StartValue     = 700f;
            scaleIndicatorState5.IntervalLength = 200f;

            this.arcScaleStateIndicatorComponent2.States.Add(scaleIndicatorState5);

            #endregion
            #region 스케일 지시자 상태 6을 설정한다.

            ScaleIndicatorState scaleIndicatorState6 = new ScaleIndicatorState();

            scaleIndicatorState6.Name           = "scaleIndicatorState6";
            scaleIndicatorState6.ShapeType      = StateIndicatorShapeType.ElectricLight2;
            scaleIndicatorState6.StartValue     = 900f;
            scaleIndicatorState6.IntervalLength = 100f;

            this.arcScaleStateIndicatorComponent2.States.Add(scaleIndicatorState6);

            #endregion

            this.trackBarControl1.EditValueChanged += trackBarControl1_EditValueChanged;
            this.trackBarControl2.EditValueChanged += trackBarControl2_EditValueChanged;
        }

        #endregion

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

        #region 트랙바 컨트롤 1 편집 값 변경시 처리하기 - trackBarControl1_EditValueChanged(sender, e)

        /// <summary>
        /// 트랙바 컨트롤 1 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void trackBarControl1_EditValueChanged(object sender, EventArgs e)
        {
            float value = Convert.ToSingle(this.trackBarControl1.EditValue);

            this.arcScaleComponent1.Value = value;

            this.arcScaleNeedleComponent1.Value = value;
        }

        #endregion
        #region 트랙바 컨트롤 2 편집 값 변경시 처리하기 - trackBarControl2_EditValueChanged(sender, e)

        /// <summary>
        /// 트랙바 컨트롤 2 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void trackBarControl2_EditValueChanged(object sender, EventArgs e)
        {
            float value = Convert.ToSingle(this.trackBarControl2.EditValue);

            this.arcScaleComponent2.Value = value;

            this.arcScaleNeedleComponent2.Value = 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

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

using System;

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Core.Base;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win.Gauges.Circular;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region Field

/// <summary>

/// 아크 스케일 상태 지시자 컴포넌트 1

/// </summary>

private ArcScaleStateIndicatorComponent arcScaleStateIndicatorComponent1;

/// <summary>

/// 아크 스케일 상태 지시자 컴포넌트 2

/// </summary>

private ArcScaleStateIndicatorComponent arcScaleStateIndicatorComponent2;

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

#region 아크 스케일 상태 지시자 컴포넌트 1을 설정한다.

this.arcScaleStateIndicatorComponent1 = new ArcScaleStateIndicatorComponent();

this.arcScaleStateIndicatorComponent1.Name = "arcScaleStateIndicatorComponent1";

this.arcScaleStateIndicatorComponent1.IndicatorScale = this.arcScaleComponent1;

this.arcScaleStateIndicatorComponent1.Center = new PointF2D(125f, 225f);

this.arcScaleStateIndicatorComponent1.Size = new SizeF(25f, 25f);

this.arcScaleStateIndicatorComponent1.ZOrder = -100;

this.circularGauge.Indicators.Add(this.arcScaleStateIndicatorComponent1);

#endregion

#region 스케일 지시자 상태 1을 설정한다.

ScaleIndicatorState scaleIndicatorState1 = new ScaleIndicatorState();

scaleIndicatorState1.Name = "scaleIndicatorState1";

scaleIndicatorState1.ShapeType = StateIndicatorShapeType.ElectricLight4;

scaleIndicatorState1.StartValue = 0f;

scaleIndicatorState1.IntervalLength = 50f;

this.arcScaleStateIndicatorComponent1.States.Add(scaleIndicatorState1);

#endregion

#region 스케일 지시자 상태 2를 설정한다.

ScaleIndicatorState scaleIndicatorState2 = new ScaleIndicatorState();

scaleIndicatorState2.Name = "scaleIndicatorState2";

scaleIndicatorState2.ShapeType = StateIndicatorShapeType.ElectricLight3;

scaleIndicatorState2.StartValue = 50f;

scaleIndicatorState2.IntervalLength = 30f;

this.arcScaleStateIndicatorComponent1.States.Add(scaleIndicatorState2);

#endregion

#region 스케일 지시자 상태 3을 설정한다.

ScaleIndicatorState scaleIndicatorState3 = new ScaleIndicatorState();

scaleIndicatorState3.Name = "scaleIndicatorState3";

scaleIndicatorState3.ShapeType = StateIndicatorShapeType.ElectricLight2;

scaleIndicatorState3.StartValue = 80f;

scaleIndicatorState3.IntervalLength = 20f;

this.arcScaleStateIndicatorComponent1.States.Add(scaleIndicatorState3);

#endregion

#region 아크 스케일 상태 지시자 컴포넌트 2를 설정한다.

this.arcScaleStateIndicatorComponent2 = new ArcScaleStateIndicatorComponent();

this.arcScaleStateIndicatorComponent2.Name = "arcScaleStateIndicatorComponent2";

this.arcScaleStateIndicatorComponent2.IndicatorScale = this.arcScaleComponent2;

this.arcScaleStateIndicatorComponent2.Center = new PointF2D(125f, 190f);

this.arcScaleStateIndicatorComponent2.Size = new SizeF(25f, 25f);

this.arcScaleStateIndicatorComponent2.ZOrder = -100;

this.circularGauge.Indicators.Add(this.arcScaleStateIndicatorComponent2);

#endregion

#region 스케일 지시자 상태 4를 설정한다.

ScaleIndicatorState scaleIndicatorState4 = new ScaleIndicatorState();

scaleIndicatorState4.Name = "scaleIndicatorState4";

scaleIndicatorState4.ShapeType = StateIndicatorShapeType.ElectricLight4;

scaleIndicatorState4.StartValue = 0f;

scaleIndicatorState4.IntervalLength = 700F;

this.arcScaleStateIndicatorComponent2.States.Add(scaleIndicatorState4);

#endregion

#region 스케일 지시자 상태 5를 설정한다.

ScaleIndicatorState scaleIndicatorState5 = new ScaleIndicatorState();

scaleIndicatorState5.Name = "scaleIndicatorState5";

scaleIndicatorState5.ShapeType = StateIndicatorShapeType.ElectricLight3;

scaleIndicatorState5.StartValue = 700f;

scaleIndicatorState5.IntervalLength = 200f;

this.arcScaleStateIndicatorComponent2.States.Add(scaleIndicatorState5);

#endregion

#region 스케일 지시자 상태 6을 설정한다.

ScaleIndicatorState scaleIndicatorState6 = new ScaleIndicatorState();

scaleIndicatorState6.Name = "scaleIndicatorState6";

scaleIndicatorState6.ShapeType = StateIndicatorShapeType.ElectricLight2;

scaleIndicatorState6.StartValue = 900f;

scaleIndicatorState6.IntervalLength = 100f;

this.arcScaleStateIndicatorComponent2.States.Add(scaleIndicatorState6);

#endregion

this.trackBarControl1.EditValueChanged += trackBarControl1_EditValueChanged;

this.trackBarControl2.EditValueChanged += trackBarControl2_EditValueChanged;

}

#endregion

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

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

#region 트랙바 컨트롤 1 편집 값 변경시 처리하기 - trackBarControl1_EditValueChanged(sender, e)

/// <summary>

/// 트랙바 컨트롤 1 편집 값 변경시 처리하기

/// </summary>

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

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

private void trackBarControl1_EditValueChanged(object sender, EventArgs e)

{

float value = Convert.ToSingle(this.trackBarControl1.EditValue);

this.arcScaleComponent1.Value = value;

this.arcScaleNeedleComponent1.Value = value;

}

#endregion

#region 트랙바 컨트롤 2 편집 값 변경시 처리하기 - trackBarControl2_EditValueChanged(sender, e)

/// <summary>

/// 트랙바 컨트롤 2 편집 값 변경시 처리하기

/// </summary>

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

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

private void trackBarControl2_EditValueChanged(object sender, EventArgs e)

{

float value = Convert.ToSingle(this.trackBarControl2.EditValue);

this.arcScaleComponent2.Value = value;

this.arcScaleNeedleComponent2.Value = value;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 게이지 애니메이션 사용하기

■ GaugeControl 클래스에서 게이지 애니메이션을 사용하는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Core.Model;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.temperatureArcScaleComponent.EnableAnimation = true;
            this.temperatureArcScaleComponent.EasingMode      = EasingMode.EaseIn;
            this.temperatureArcScaleComponent.EasingFunction  = new CircleEase();

            this.humidityArcScaleComponent.EnableAnimation = true;
            this.humidityArcScaleComponent.EasingMode      = EasingMode.EaseOut;
            this.humidityArcScaleComponent.EasingFunction  = new BackEase();

            this.temperatureTrackBarControl.EditValueChanged += temperatureTrackBarControl_EditValueChanged;
            this.humidityTrackBarControl.EditValueChanged    += humidityTrackBarControl_EditValueChanged;
        }

        #endregion

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

        #region 온도 트랙바 컨트롤 편집 값 변경시 처리하기 - temperatureTrackBarControl_EditValueChanged(sender, e)

        /// <summary>
        /// 온도 트랙바 컨트롤 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void temperatureTrackBarControl_EditValueChanged(object sender, EventArgs e)
        {
            this.temperatureArcScaleComponent.Value = Convert.ToSingle(this.temperatureTrackBarControl.EditValue);

            this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

            string sign = string.Empty;

            if(this.temperatureArcScaleComponent.Value > 0)
            {
                sign = "+";

                this.gaugeControl.ColorScheme.Color = Color.Crimson;
            }
            else
            {
                this.gaugeControl.ColorScheme.Color = Color.RoyalBlue;
            }

            this.temperatureLabelComponent.Text = $"t : {sign}{this.temperatureArcScaleComponent.Value}C";
        }

        #endregion
        #region 습도 트랙바 컨트롤 편집 값 변경시 처리하기 - humidityTrackBarControl_EditValueChanged(sender, e)

        /// <summary>
        /// 습도 트랙바 컨트롤 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void humidityTrackBarControl_EditValueChanged(object sender, EventArgs e)
        {
            this.humidityArcScaleComponent.Value = Convert.ToSingle(this.humidityTrackBarControl.EditValue);

            this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

            this.humidityLabelComponent.Text = $"h : {humidityArcScaleComponent.Value}%";
        }

        #endregion

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

        #region 날씨 타입 구하기 - GetWeatherType()

        /// <summary>
        /// 날씨 타입 구하기
        /// </summary>
        /// <returns>날씨 타입</returns>
        private int GetWeatherType()
        {
            if(temperatureArcScaleComponent.Value > 0)
            {
                if(humidityArcScaleComponent.Value < 75)
                {
                    return 0; // SUNNY
                }
                else
                {
                    return 2; // RAINY
                }
            }
            else
            {
                if(this.humidityArcScaleComponent.Value < 75)
                {
                    return 1; // CLOWDY
                }
                else
                {
                    return 3; // SNOW
                }
            }
        }

        #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

using System;

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Core.Model;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.temperatureArcScaleComponent.EnableAnimation = true;

this.temperatureArcScaleComponent.EasingMode = EasingMode.EaseIn;

this.temperatureArcScaleComponent.EasingFunction = new CircleEase();

this.humidityArcScaleComponent.EnableAnimation = true;

this.humidityArcScaleComponent.EasingMode = EasingMode.EaseOut;

this.humidityArcScaleComponent.EasingFunction = new BackEase();

this.temperatureTrackBarControl.EditValueChanged += temperatureTrackBarControl_EditValueChanged;

this.humidityTrackBarControl.EditValueChanged += humidityTrackBarControl_EditValueChanged;

}

#endregion

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

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

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

#region 온도 트랙바 컨트롤 편집 값 변경시 처리하기 - temperatureTrackBarControl_EditValueChanged(sender, e)

/// <summary>

/// 온도 트랙바 컨트롤 편집 값 변경시 처리하기

/// </summary>

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

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

private void temperatureTrackBarControl_EditValueChanged(object sender, EventArgs e)

{

this.temperatureArcScaleComponent.Value = Convert.ToSingle(this.temperatureTrackBarControl.EditValue);

this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

string sign = string.Empty;

if(this.temperatureArcScaleComponent.Value > 0)

{

sign = "+";

this.gaugeControl.ColorScheme.Color = Color.Crimson;

}

else

{

this.gaugeControl.ColorScheme.Color = Color.RoyalBlue;

}

this.temperatureLabelComponent.Text = $"t : {sign}{this.temperatureArcScaleComponent.Value}C";

}

#endregion

#region 습도 트랙바 컨트롤 편집 값 변경시 처리하기 - humidityTrackBarControl_EditValueChanged(sender, e)

/// <summary>

/// 습도 트랙바 컨트롤 편집 값 변경시 처리하기

/// </summary>

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

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

private void humidityTrackBarControl_EditValueChanged(object sender, EventArgs e)

{

this.humidityArcScaleComponent.Value = Convert.ToSingle(this.humidityTrackBarControl.EditValue);

this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

this.humidityLabelComponent.Text = $"h : {humidityArcScaleComponent.Value}%";

}

#endregion

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

#region 날씨 타입 구하기 - GetWeatherType()

/// <summary>

/// 날씨 타입 구하기

/// </summary>

/// <returns>날씨 타입</returns>

private int GetWeatherType()

{

if(temperatureArcScaleComponent.Value > 0)

{

if(humidityArcScaleComponent.Value < 75)

{

return 0; // SUNNY

}

else

{

return 2; // RAINY

}

else

{

if(this.humidityArcScaleComponent.Value < 75)

{

return 1; // CLOWDY

}

else

{

return 3; // SNOW

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 환형 게이지 사용하기

■ GaugeControl 클래스에서 환형 게이지를 사용하는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;

using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.temperatureTrackBarControl.EditValueChanged += temperatureTrackBarControl_EditValueChanged;
            this.humidityTrackBarControl.EditValueChanged    += humidityTrackBarControl_EditValueChanged;
        }

        #endregion

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

        #region 온도 트랙바 컨트롤 편집 값 변경시 처리하기 - temperatureTrackBarControl_EditValueChanged(sender, e)

        /// <summary>
        /// 온도 트랙바 컨트롤 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void temperatureTrackBarControl_EditValueChanged(object sender, EventArgs e)
        {
            this.temperatureArcScaleComponent.Value = Convert.ToSingle(this.temperatureTrackBarControl.EditValue);

            this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

            string sign = string.Empty;

            if(this.temperatureArcScaleComponent.Value > 0)
            {
                sign = "+";

                this.gaugeControl.ColorScheme.Color = Color.Crimson;
            }
            else
            {
                this.gaugeControl.ColorScheme.Color = Color.RoyalBlue;
            }

            this.temperatureLabelComponent.Text = $"t : {sign}{this.temperatureArcScaleComponent.Value}C";
        }

        #endregion
        #region 습도 트랙바 컨트롤 편집 값 변경시 처리하기 - humidityTrackBarControl_EditValueChanged(sender, e)

        /// <summary>
        /// 습도 트랙바 컨트롤 편집 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void humidityTrackBarControl_EditValueChanged(object sender, EventArgs e)
        {
            this.humidityArcScaleComponent.Value = Convert.ToSingle(this.humidityTrackBarControl.EditValue);

            this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

            this.humidityLabelComponent.Text = $"h : {humidityArcScaleComponent.Value}%";
        }

        #endregion

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

        #region 날씨 타입 구하기 - GetWeatherType()

        /// <summary>
        /// 날씨 타입 구하기
        /// </summary>
        /// <returns>날씨 타입</returns>
        private int GetWeatherType()
        {
            if(temperatureArcScaleComponent.Value > 0)
            {
                if(humidityArcScaleComponent.Value < 75)
                {
                    return 0; // SUNNY
                }
                else
                {
                    return 2; // RAINY
                }
            }
            else
            {
                if(this.humidityArcScaleComponent.Value < 75)
                {
                    return 1; // CLOWDY
                }
                else
                {
                    return 3; // SNOW
                }
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

using System;

using System.Drawing;

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.temperatureTrackBarControl.EditValueChanged += temperatureTrackBarControl_EditValueChanged;

this.humidityTrackBarControl.EditValueChanged += humidityTrackBarControl_EditValueChanged;

}

#endregion

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

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

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

#region 온도 트랙바 컨트롤 편집 값 변경시 처리하기 - temperatureTrackBarControl_EditValueChanged(sender, e)

/// <summary>

/// 온도 트랙바 컨트롤 편집 값 변경시 처리하기

/// </summary>

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

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

private void temperatureTrackBarControl_EditValueChanged(object sender, EventArgs e)

{

this.temperatureArcScaleComponent.Value = Convert.ToSingle(this.temperatureTrackBarControl.EditValue);

this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

string sign = string.Empty;

if(this.temperatureArcScaleComponent.Value > 0)

{

sign = "+";

this.gaugeControl.ColorScheme.Color = Color.Crimson;

}

else

{

this.gaugeControl.ColorScheme.Color = Color.RoyalBlue;

}

this.temperatureLabelComponent.Text = $"t : {sign}{this.temperatureArcScaleComponent.Value}C";

}

#endregion

#region 습도 트랙바 컨트롤 편집 값 변경시 처리하기 - humidityTrackBarControl_EditValueChanged(sender, e)

/// <summary>

/// 습도 트랙바 컨트롤 편집 값 변경시 처리하기

/// </summary>

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

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

private void humidityTrackBarControl_EditValueChanged(object sender, EventArgs e)

{

this.humidityArcScaleComponent.Value = Convert.ToSingle(this.humidityTrackBarControl.EditValue);

this.weatherStateImageIndicatorComponent.StateIndex = GetWeatherType();

this.humidityLabelComponent.Text = $"h : {humidityArcScaleComponent.Value}%";

}

#endregion

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

#region 날씨 타입 구하기 - GetWeatherType()

/// <summary>

/// 날씨 타입 구하기

/// </summary>

/// <returns>날씨 타입</returns>

private int GetWeatherType()

{

if(temperatureArcScaleComponent.Value > 0)

{

if(humidityArcScaleComponent.Value < 75)

{

return 0; // SUNNY

}

else

{

return 2; // RAINY

}

else

{

if(this.humidityArcScaleComponent.Value < 75)

{

return 1; // CLOWDY

}

else

{

return 3; // SNOW

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 환형 게이지 동적 생성하기

■ GaugeControl 클래스에서 환형 게이지를 동적으로 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraEditors.Controls;
using DevExpress.XtraGauges.Core.Base;
using DevExpress.XtraGauges.Core.Drawing;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win.Base;
using DevExpress.XtraGauges.Win.Gauges.Circular;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.gaugeControl.BorderStyle = BorderStyles.NoBorder;
            this.gaugeControl.BackColor   = Color.Transparent;

            #region 환형 게이지를 설정한다.

            CircularGauge circularGauge = new CircularGauge();

            this.gaugeControl.Gauges.Add(circularGauge);

            #endregion
            #region SMALL 아크 스케일 컴포넌트를 설정한다.

            ArcScaleComponent smallArcScaleComponent = new ArcScaleComponent();

            smallArcScaleComponent.Name                             = "smallArcScaleComponent";
            smallArcScaleComponent.Center                           = new PointF2D(125, 125);
            smallArcScaleComponent.RadiusX                          = 30f;
            smallArcScaleComponent.RadiusY                          = 30f;
            smallArcScaleComponent.StartAngle                       = -240f;
            smallArcScaleComponent.EndAngle                         = 60f;
            smallArcScaleComponent.MaxValue                         = 40f;
            smallArcScaleComponent.MinValue                         = -40f;
            smallArcScaleComponent.Value                            = this.smallTrackBar.Value;
            smallArcScaleComponent.AppearanceTickmarkText.Font      = new Font("Tahoma", 8f);
            smallArcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.Gray);
            smallArcScaleComponent.MajorTickCount                   = 9;
            smallArcScaleComponent.MajorTickmark.FormatString       = "{0:F0}";
            smallArcScaleComponent.MajorTickmark.ShapeScale         = new FactorF2D(0.7f, 0.9f);
            smallArcScaleComponent.MajorTickmark.ShapeType          = TickmarkShapeType.Circular_Style10_4;
            smallArcScaleComponent.MajorTickmark.TextOffset         = 15F;
            smallArcScaleComponent.MajorTickmark.TextOrientation    = LabelOrientation.LeftToRight;
            smallArcScaleComponent.MinorTickCount                   = 4;
            smallArcScaleComponent.MinorTickmark.ShapeScale         = new FactorF2D(0.7f, 0.4f);
            smallArcScaleComponent.MinorTickmark.ShapeType          = TickmarkShapeType.Circular_Style10_2;

            circularGauge.Scales.Add(smallArcScaleComponent);

            #endregion
            #region 내부 BLUE 아크 스케일 범위를 설정한다.

            ArcScaleRange innerBlueArcScaleRange = new ArcScaleRange();

            innerBlueArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.CornflowerBlue);
            innerBlueArcScaleRange.StartValue                   = -40f;
            innerBlueArcScaleRange.EndValue                     = 0f;
            innerBlueArcScaleRange.StartThickness               = 4f;
            innerBlueArcScaleRange.EndThickness                 = 4f;
            innerBlueArcScaleRange.ShapeOffset                  = 0f;

            smallArcScaleComponent.Ranges.Add(innerBlueArcScaleRange);

            #endregion
            #region 내부 YELLOW 아크 스케일 범위를 설정한다.

            ArcScaleRange innerYellowArcScaleRange = new ArcScaleRange();

            innerYellowArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.Khaki);
            innerYellowArcScaleRange.StartValue                   = 0f;
            innerYellowArcScaleRange.EndValue                     = 40f;
            innerYellowArcScaleRange.StartThickness               = 4f;
            innerYellowArcScaleRange.EndThickness                 = 4f;
            innerYellowArcScaleRange.ShapeOffset                  = 0f;

            smallArcScaleComponent.Ranges.Add(innerYellowArcScaleRange);

            #endregion
            #region MEDIUM 아크 스케일 컴포넌트를 설정한다.

            ArcScaleComponent mediumArcScaleComponent = new ArcScaleComponent();

            mediumArcScaleComponent.Name                             = "mediumArcScaleComponent";
            mediumArcScaleComponent.Center                           = new PointF2D(125, 125);
            mediumArcScaleComponent.RadiusX                          = 80f;
            mediumArcScaleComponent.RadiusY                          = 80f;
            mediumArcScaleComponent.StartAngle                       = -240f;
            mediumArcScaleComponent.EndAngle                         = 60f;
            mediumArcScaleComponent.MinValue                         = 720f;
            mediumArcScaleComponent.MaxValue                         = 780f;
            mediumArcScaleComponent.AppearanceTickmarkText.Font      = new Font("Tahoma", 8F);
            mediumArcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.Gray);
            mediumArcScaleComponent.MajorTickCount                   = 7;
            mediumArcScaleComponent.MajorTickmark.FormatString       = "{0:F0}";
            mediumArcScaleComponent.MajorTickmark.ShapeScale         = new FactorF2D(0.7f, 1f);
            mediumArcScaleComponent.MajorTickmark.ShapeType          = TickmarkShapeType.Circular_Style10_4;
            mediumArcScaleComponent.MajorTickmark.TextOffset         = 15F;
            mediumArcScaleComponent.MajorTickmark.TextOrientation    = LabelOrientation.Tangent;
            mediumArcScaleComponent.MinorTickCount                   = 4;
            mediumArcScaleComponent.MinorTickmark.ShapeScale         = new FactorF2D(1.1F, 0.5F);
            mediumArcScaleComponent.MinorTickmark.ShapeType          = TickmarkShapeType.Circular_Style10_2;

            circularGauge.Scales.Add(mediumArcScaleComponent);

            #endregion
            #region LARGE 아크 스케일 컴포넌트를 설정한다.

            ArcScaleComponent largeArcScaleComponent = new ArcScaleComponent();

            largeArcScaleComponent.Name                             = "largeArcScaleComponent";
            largeArcScaleComponent.Center                           = new PointF2D(125, 125);
            largeArcScaleComponent.RadiusX                          = 110f;
            largeArcScaleComponent.RadiusY                          = 110f;
            largeArcScaleComponent.StartAngle                       = -240f;
            largeArcScaleComponent.EndAngle                         = 60f;
            largeArcScaleComponent.MinValue                         = 960f;
            largeArcScaleComponent.MaxValue                         = 1040f;
            largeArcScaleComponent.Value                            = this.largeTrackBar.Value;
            largeArcScaleComponent.AppearanceTickmarkText.Font      = new Font("Tahoma", 8F);
            largeArcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.Gray);
            largeArcScaleComponent.MajorTickCount                   = 9;
            largeArcScaleComponent.MajorTickmark.FormatString       = "{0:F0}";
            largeArcScaleComponent.MajorTickmark.ShapeScale         = new FactorF2D(0.7f, 1f);
            largeArcScaleComponent.MajorTickmark.ShapeType          = TickmarkShapeType.Circular_Style10_4;
            largeArcScaleComponent.MajorTickmark.TextOffset         = 15F;
            largeArcScaleComponent.MajorTickmark.TextOrientation    = LabelOrientation.Tangent;
            largeArcScaleComponent.MinorTickCount                   = 4;
            largeArcScaleComponent.MinorTickmark.ShapeScale         = new FactorF2D(1.1f, 0.5f);
            largeArcScaleComponent.MinorTickmark.ShapeType          = TickmarkShapeType.Circular_Style10_2;

            circularGauge.Scales.Add(largeArcScaleComponent);

            #endregion
            #region 외부 GREEN 아크 스케일 범위를 설정한다.

            ArcScaleRange outerGreenArcScaleRange = new ArcScaleRange();

            outerGreenArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.SeaGreen);
            outerGreenArcScaleRange.StartValue                   = 970f;
            outerGreenArcScaleRange.EndValue                     = 991f;
            outerGreenArcScaleRange.StartThickness               = 4f;
            outerGreenArcScaleRange.EndThickness                 = 4f;
            outerGreenArcScaleRange.ShapeOffset                  = 33f;

            largeArcScaleComponent.Ranges.Add(outerGreenArcScaleRange);

            #endregion
            #region 외부 YELLOW 아크 스케일 범위를 설정한다.

            ArcScaleRange outerYellowArcScaleRange = new ArcScaleRange();

            outerYellowArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.Khaki);
            outerYellowArcScaleRange.StartThickness               = 4f;
            outerYellowArcScaleRange.EndThickness                 = 4f;
            outerYellowArcScaleRange.StartValue                   = 991f;
            outerYellowArcScaleRange.EndValue                     = 1009f;
            outerYellowArcScaleRange.ShapeOffset                  = 33f;

            largeArcScaleComponent.Ranges.Add(outerYellowArcScaleRange);

            #endregion
            #region 외부 RED 아크 스케일 범위를 설정한다.

            ArcScaleRange outerRedArcScaleRange = new ArcScaleRange();

            outerRedArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.LightCoral);
            outerRedArcScaleRange.StartValue                   = 1009f;
            outerRedArcScaleRange.EndValue                     = 1030f;
            outerRedArcScaleRange.StartThickness               = 4f;
            outerRedArcScaleRange.EndThickness                 = 4f;
            outerRedArcScaleRange.ShapeOffset                  = 33f;

            largeArcScaleComponent.Ranges.Add(outerRedArcScaleRange);

            #endregion
            #region 아크 스케일 바늘 컴포넌트를 설정한다.

            ArcScaleNeedleComponent arcScaleNeedleComponent = new ArcScaleNeedleComponent();

            arcScaleNeedleComponent.Name        = "arcScaleNeedleComponent";
            arcScaleNeedleComponent.ArcScale    = smallArcScaleComponent;
            arcScaleNeedleComponent.StartOffset = 18f;
            arcScaleNeedleComponent.EndOffset   = 5f;
            arcScaleNeedleComponent.ShapeType   = NeedleShapeType.CircularHalf_Style23;
            arcScaleNeedleComponent.ZOrder      = -50;

            circularGauge.Needles.Add(arcScaleNeedleComponent);

            #endregion
            #region 아크 스케일 마커 컴포넌트를 설정한다.

            ArcScaleMarkerComponent arcScaleMarkerComponent = new ArcScaleMarkerComponent();

            arcScaleMarkerComponent.Name        = "arcScaleMarkerComponent";
            arcScaleMarkerComponent.ArcScale    = largeArcScaleComponent;
            arcScaleMarkerComponent.ShapeOffset = 27f;
            arcScaleMarkerComponent.Shader      = new StyleShader() { StyleColor1 = Color.SlateBlue, StyleColor2 = Color.CornflowerBlue };
            arcScaleMarkerComponent.ShapeScale  = new FactorF2D(0.8F, 1F);
            arcScaleMarkerComponent.ZOrder      = -100;

            circularGauge.Markers.Add(arcScaleMarkerComponent);

            #endregion
            #region 아크 스케일 배경 레이어 컴포넌트를 설정한다.

            ArcScaleBackgroundLayerComponent arcScaleBackgroundLayerComponent = new ArcScaleBackgroundLayerComponent();

            arcScaleBackgroundLayerComponent.Name      = "arcScaleBackgroundLayerComponent";
            arcScaleBackgroundLayerComponent.ShapeType = BackgroundLayerShapeType.CircularFull_Style23;
            arcScaleBackgroundLayerComponent.ArcScale  = largeArcScaleComponent;
            arcScaleBackgroundLayerComponent.Size      = new SizeF(350f, 350f);
            arcScaleBackgroundLayerComponent.ZOrder    = 1000;

            circularGauge.BackgroundLayers.Add(arcScaleBackgroundLayerComponent);

            #endregion
            #region mm 레이블 컴포넌트를 설정한다.

            LabelComponent mmLabelComponent = new LabelComponent();

            mmLabelComponent.Name                     = "mmLabelComponent";
            mmLabelComponent.Text                     = "mm";
            mmLabelComponent.Position                 = new PointF2D(128, 210);
            mmLabelComponent.AppearanceText.TextBrush = new SolidBrushObject(Color.Gray);

            circularGauge.Labels.Add(mmLabelComponent);

            #endregion
            #region millibars 레이블 컴포넌트를 설정한다.

            LabelComponent millibarsLabelComponent = new LabelComponent();

            millibarsLabelComponent.Name                     = "millibarsLabelComponent";
            millibarsLabelComponent.Text                     = "millibars";
            millibarsLabelComponent.Position                 = new PointF2D(128, 238);
            millibarsLabelComponent.AppearanceText.TextBrush = new SolidBrushObject(Color.Gray);

            circularGauge.Labels.Add(millibarsLabelComponent);

            #endregion

            this.smallTrackBar.ValueChanged += (s, e) => smallArcScaleComponent.Value = this.smallTrackBar.Value;
            this.largeTrackBar.ValueChanged += (s, e) => largeArcScaleComponent.Value = this.largeTrackBar.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

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

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraEditors.Controls;

using DevExpress.XtraGauges.Core.Base;

using DevExpress.XtraGauges.Core.Drawing;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win.Base;

using DevExpress.XtraGauges.Win.Gauges.Circular;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.gaugeControl.BorderStyle = BorderStyles.NoBorder;

this.gaugeControl.BackColor = Color.Transparent;

#region 환형 게이지를 설정한다.

CircularGauge circularGauge = new CircularGauge();

this.gaugeControl.Gauges.Add(circularGauge);

#endregion

#region SMALL 아크 스케일 컴포넌트를 설정한다.

ArcScaleComponent smallArcScaleComponent = new ArcScaleComponent();

smallArcScaleComponent.Name = "smallArcScaleComponent";

smallArcScaleComponent.Center = new PointF2D(125, 125);

smallArcScaleComponent.RadiusX = 30f;

smallArcScaleComponent.RadiusY = 30f;

smallArcScaleComponent.StartAngle = -240f;

smallArcScaleComponent.EndAngle = 60f;

smallArcScaleComponent.MaxValue = 40f;

smallArcScaleComponent.MinValue = -40f;

smallArcScaleComponent.Value = this.smallTrackBar.Value;

smallArcScaleComponent.AppearanceTickmarkText.Font = new Font("Tahoma", 8f);

smallArcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.Gray);

smallArcScaleComponent.MajorTickCount = 9;

smallArcScaleComponent.MajorTickmark.FormatString = "{0:F0}";

smallArcScaleComponent.MajorTickmark.ShapeScale = new FactorF2D(0.7f, 0.9f);

smallArcScaleComponent.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style10_4;

smallArcScaleComponent.MajorTickmark.TextOffset = 15F;

smallArcScaleComponent.MajorTickmark.TextOrientation = LabelOrientation.LeftToRight;

smallArcScaleComponent.MinorTickCount = 4;

smallArcScaleComponent.MinorTickmark.ShapeScale = new FactorF2D(0.7f, 0.4f);

smallArcScaleComponent.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style10_2;

circularGauge.Scales.Add(smallArcScaleComponent);

#endregion

#region 내부 BLUE 아크 스케일 범위를 설정한다.

ArcScaleRange innerBlueArcScaleRange = new ArcScaleRange();

innerBlueArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.CornflowerBlue);

innerBlueArcScaleRange.StartValue = -40f;

innerBlueArcScaleRange.EndValue = 0f;

innerBlueArcScaleRange.StartThickness = 4f;

innerBlueArcScaleRange.EndThickness = 4f;

innerBlueArcScaleRange.ShapeOffset = 0f;

smallArcScaleComponent.Ranges.Add(innerBlueArcScaleRange);

#endregion

#region 내부 YELLOW 아크 스케일 범위를 설정한다.

ArcScaleRange innerYellowArcScaleRange = new ArcScaleRange();

innerYellowArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.Khaki);

innerYellowArcScaleRange.StartValue = 0f;

innerYellowArcScaleRange.EndValue = 40f;

innerYellowArcScaleRange.StartThickness = 4f;

innerYellowArcScaleRange.EndThickness = 4f;

innerYellowArcScaleRange.ShapeOffset = 0f;

smallArcScaleComponent.Ranges.Add(innerYellowArcScaleRange);

#endregion

#region MEDIUM 아크 스케일 컴포넌트를 설정한다.

ArcScaleComponent mediumArcScaleComponent = new ArcScaleComponent();

mediumArcScaleComponent.Name = "mediumArcScaleComponent";

mediumArcScaleComponent.Center = new PointF2D(125, 125);

mediumArcScaleComponent.RadiusX = 80f;

mediumArcScaleComponent.RadiusY = 80f;

mediumArcScaleComponent.StartAngle = -240f;

mediumArcScaleComponent.EndAngle = 60f;

mediumArcScaleComponent.MinValue = 720f;

mediumArcScaleComponent.MaxValue = 780f;

mediumArcScaleComponent.AppearanceTickmarkText.Font = new Font("Tahoma", 8F);

mediumArcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.Gray);

mediumArcScaleComponent.MajorTickCount = 7;

mediumArcScaleComponent.MajorTickmark.FormatString = "{0:F0}";

mediumArcScaleComponent.MajorTickmark.ShapeScale = new FactorF2D(0.7f, 1f);

mediumArcScaleComponent.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style10_4;

mediumArcScaleComponent.MajorTickmark.TextOffset = 15F;

mediumArcScaleComponent.MajorTickmark.TextOrientation = LabelOrientation.Tangent;

mediumArcScaleComponent.MinorTickCount = 4;

mediumArcScaleComponent.MinorTickmark.ShapeScale = new FactorF2D(1.1F, 0.5F);

mediumArcScaleComponent.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style10_2;

circularGauge.Scales.Add(mediumArcScaleComponent);

#endregion

#region LARGE 아크 스케일 컴포넌트를 설정한다.

ArcScaleComponent largeArcScaleComponent = new ArcScaleComponent();

largeArcScaleComponent.Name = "largeArcScaleComponent";

largeArcScaleComponent.Center = new PointF2D(125, 125);

largeArcScaleComponent.RadiusX = 110f;

largeArcScaleComponent.RadiusY = 110f;

largeArcScaleComponent.StartAngle = -240f;

largeArcScaleComponent.EndAngle = 60f;

largeArcScaleComponent.MinValue = 960f;

largeArcScaleComponent.MaxValue = 1040f;

largeArcScaleComponent.Value = this.largeTrackBar.Value;

largeArcScaleComponent.AppearanceTickmarkText.Font = new Font("Tahoma", 8F);

largeArcScaleComponent.AppearanceTickmarkText.TextBrush = new SolidBrushObject(Color.Gray);

largeArcScaleComponent.MajorTickCount = 9;

largeArcScaleComponent.MajorTickmark.FormatString = "{0:F0}";

largeArcScaleComponent.MajorTickmark.ShapeScale = new FactorF2D(0.7f, 1f);

largeArcScaleComponent.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style10_4;

largeArcScaleComponent.MajorTickmark.TextOffset = 15F;

largeArcScaleComponent.MajorTickmark.TextOrientation = LabelOrientation.Tangent;

largeArcScaleComponent.MinorTickCount = 4;

largeArcScaleComponent.MinorTickmark.ShapeScale = new FactorF2D(1.1f, 0.5f);

largeArcScaleComponent.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style10_2;

circularGauge.Scales.Add(largeArcScaleComponent);

#endregion

#region 외부 GREEN 아크 스케일 범위를 설정한다.

ArcScaleRange outerGreenArcScaleRange = new ArcScaleRange();

outerGreenArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.SeaGreen);

outerGreenArcScaleRange.StartValue = 970f;

outerGreenArcScaleRange.EndValue = 991f;

outerGreenArcScaleRange.StartThickness = 4f;

outerGreenArcScaleRange.EndThickness = 4f;

outerGreenArcScaleRange.ShapeOffset = 33f;

largeArcScaleComponent.Ranges.Add(outerGreenArcScaleRange);

#endregion

#region 외부 YELLOW 아크 스케일 범위를 설정한다.

ArcScaleRange outerYellowArcScaleRange = new ArcScaleRange();

outerYellowArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.Khaki);

outerYellowArcScaleRange.StartThickness = 4f;

outerYellowArcScaleRange.EndThickness = 4f;

outerYellowArcScaleRange.StartValue = 991f;

outerYellowArcScaleRange.EndValue = 1009f;

outerYellowArcScaleRange.ShapeOffset = 33f;

largeArcScaleComponent.Ranges.Add(outerYellowArcScaleRange);

#endregion

#region 외부 RED 아크 스케일 범위를 설정한다.

ArcScaleRange outerRedArcScaleRange = new ArcScaleRange();

outerRedArcScaleRange.AppearanceRange.ContentBrush = new SolidBrushObject(Color.LightCoral);

outerRedArcScaleRange.StartValue = 1009f;

outerRedArcScaleRange.EndValue = 1030f;

outerRedArcScaleRange.StartThickness = 4f;

outerRedArcScaleRange.EndThickness = 4f;

outerRedArcScaleRange.ShapeOffset = 33f;

largeArcScaleComponent.Ranges.Add(outerRedArcScaleRange);

#endregion

#region 아크 스케일 바늘 컴포넌트를 설정한다.

ArcScaleNeedleComponent arcScaleNeedleComponent = new ArcScaleNeedleComponent();

arcScaleNeedleComponent.Name = "arcScaleNeedleComponent";

arcScaleNeedleComponent.ArcScale = smallArcScaleComponent;

arcScaleNeedleComponent.StartOffset = 18f;

arcScaleNeedleComponent.EndOffset = 5f;

arcScaleNeedleComponent.ShapeType = NeedleShapeType.CircularHalf_Style23;

arcScaleNeedleComponent.ZOrder = -50;

circularGauge.Needles.Add(arcScaleNeedleComponent);

#endregion

#region 아크 스케일 마커 컴포넌트를 설정한다.

ArcScaleMarkerComponent arcScaleMarkerComponent = new ArcScaleMarkerComponent();

arcScaleMarkerComponent.Name = "arcScaleMarkerComponent";

arcScaleMarkerComponent.ArcScale = largeArcScaleComponent;

arcScaleMarkerComponent.ShapeOffset = 27f;

arcScaleMarkerComponent.Shader = new StyleShader() { StyleColor1 = Color.SlateBlue, StyleColor2 = Color.CornflowerBlue };

arcScaleMarkerComponent.ShapeScale = new FactorF2D(0.8F, 1F);

arcScaleMarkerComponent.ZOrder = -100;

circularGauge.Markers.Add(arcScaleMarkerComponent);

#endregion

#region 아크 스케일 배경 레이어 컴포넌트를 설정한다.

ArcScaleBackgroundLayerComponent arcScaleBackgroundLayerComponent = new ArcScaleBackgroundLayerComponent();

arcScaleBackgroundLayerComponent.Name = "arcScaleBackgroundLayerComponent";

arcScaleBackgroundLayerComponent.ShapeType = BackgroundLayerShapeType.CircularFull_Style23;

arcScaleBackgroundLayerComponent.ArcScale = largeArcScaleComponent;

arcScaleBackgroundLayerComponent.Size = new SizeF(350f, 350f);

arcScaleBackgroundLayerComponent.ZOrder = 1000;

circularGauge.BackgroundLayers.Add(arcScaleBackgroundLayerComponent);

#endregion

#region mm 레이블 컴포넌트를 설정한다.

LabelComponent mmLabelComponent = new LabelComponent();

mmLabelComponent.Name = "mmLabelComponent";

mmLabelComponent.Text = "mm";

mmLabelComponent.Position = new PointF2D(128, 210);

mmLabelComponent.AppearanceText.TextBrush = new SolidBrushObject(Color.Gray);

circularGauge.Labels.Add(mmLabelComponent);

#endregion

#region millibars 레이블 컴포넌트를 설정한다.

LabelComponent millibarsLabelComponent = new LabelComponent();

millibarsLabelComponent.Name = "millibarsLabelComponent";

millibarsLabelComponent.Text = "millibars";

millibarsLabelComponent.Position = new PointF2D(128, 238);

millibarsLabelComponent.AppearanceText.TextBrush = new SolidBrushObject(Color.Gray);

circularGauge.Labels.Add(millibarsLabelComponent);

#endregion

this.smallTrackBar.ValueChanged += (s, e) => smallArcScaleComponent.Value = this.smallTrackBar.Value;

this.largeTrackBar.ValueChanged += (s, e) => largeArcScaleComponent.Value = this.largeTrackBar.Value;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] GaugeControl 클래스 : 환형 게이지 동적 생성하기

■ GaugeControl 클래스를 사용해 환형 게이지를 동적으로 생성하는 방법을 보여준다. ▶ MainForm.cs


using System.ComponentModel;
using System.Drawing;

using DevExpress.XtraEditors;
using DevExpress.XtraGauges.Base;
using DevExpress.XtraGauges.Core.Base;
using DevExpress.XtraGauges.Core.Drawing;
using DevExpress.XtraGauges.Core.Model;
using DevExpress.XtraGauges.Win;
using DevExpress.XtraGauges.Win.Base;
using DevExpress.XtraGauges.Win.Gauges.Circular;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            ComponentResourceManager resourceManager = new ComponentResourceManager(typeof(MainForm));

            #region 이미지 지시자 컴포넌트를 설정한다.

            ImageIndicatorComponent imageIndicatorComponent = new ImageIndicatorComponent();

            imageIndicatorComponent.Name     = "imageIndicatorComponent";
            imageIndicatorComponent.Position = new PointF2D(125f, 125f);
            imageIndicatorComponent.ZOrder   = -1000;
            imageIndicatorComponent.Image    = Properties.Resources.flame;

            #endregion
            #region 레이블 컴포넌트를 설정한다.

            LabelComponent labelComponent = new LabelComponent();

            labelComponent.Name                = "labelComponent";
            labelComponent.Position            = new PointF2D(200f, 100f);
            labelComponent.Size                = new SizeF(50F, 40F);
            labelComponent.AppearanceText.Font = new Font("Tahoma", 24F, FontStyle.Regular, GraphicsUnit.Pixel);
            labelComponent.Text                = "95";
            labelComponent.ZOrder              = -1000;

            #endregion
            #region 아크 스케일 컴포넌트 1을 설정한다.

            ArcScaleComponent arcScaleComponent1 = new ArcScaleComponent();

            arcScaleComponent1.Name                                 = "arcScaleComponent1";
            arcScaleComponent1.Center                               = new PointF2D(125f, 125f);
            arcScaleComponent1.RadiusX                              = 100f;
            arcScaleComponent1.RadiusY                              = 100f;
            arcScaleComponent1.StartAngle                           = 90f;
            arcScaleComponent1.EndAngle                             = 450f;
            arcScaleComponent1.AppearanceMinorTickmark.BorderBrush  = new SolidBrushObject("Color:White");
            arcScaleComponent1.AppearanceMinorTickmark.ContentBrush = new SolidBrushObject("Color:White");
            arcScaleComponent1.AppearanceMajorTickmark.BorderBrush  = new SolidBrushObject("Color:White");
            arcScaleComponent1.AppearanceMajorTickmark.ContentBrush = new SolidBrushObject("Color:White");
            arcScaleComponent1.AppearanceTickmarkText.TextBrush     = new SolidBrushObject("Color:#484E5A");
            arcScaleComponent1.AppearanceTickmarkText.Font          = new Font("Tahoma", 8.5f);
            arcScaleComponent1.MinorTickCount                       = 0;
            arcScaleComponent1.MinorTickmark.ShapeOffset            = -7f;
            arcScaleComponent1.MinorTickmark.ShapeType              = TickmarkShapeType.Circular_Style16_2;
            arcScaleComponent1.MajorTickCount                       = 0;
            arcScaleComponent1.MajorTickmark.FormatString           = "{0:F0}";
            arcScaleComponent1.MajorTickmark.ShapeOffset            = -14f;
            arcScaleComponent1.MajorTickmark.ShapeType              = TickmarkShapeType.Circular_Style16_1;
            arcScaleComponent1.MajorTickmark.TextOrientation        = LabelOrientation.LeftToRight;
            arcScaleComponent1.MinValue                             = 0f;
            arcScaleComponent1.MaxValue                             = 100f;
            arcScaleComponent1.Value                                = 50f;

            #endregion
            #region 아크 스케일 컴포넌트 2를 설정한다.

            ArcScaleComponent arcScaleComponent2 = new ArcScaleComponent();

            arcScaleComponent2.Name                                 = "arcScaleComponent2";
            arcScaleComponent2.Center                               = new PointF2D(125f, 125f);
            arcScaleComponent2.RadiusX                              = 80f;
            arcScaleComponent2.RadiusY                              = 80f;
            arcScaleComponent2.StartAngle                           = 90f;
            arcScaleComponent2.EndAngle                             = 315f;
            arcScaleComponent2.AppearanceMinorTickmark.BorderBrush  = new SolidBrushObject("Color:White");
            arcScaleComponent2.AppearanceMinorTickmark.ContentBrush = new SolidBrushObject("Color:White");
            arcScaleComponent2.AppearanceMajorTickmark.BorderBrush  = new SolidBrushObject("Color:White");
            arcScaleComponent2.AppearanceMajorTickmark.ContentBrush = new SolidBrushObject("Color:White");
            arcScaleComponent2.AppearanceTickmarkText.TextBrush     = new SolidBrushObject("Color:#484E5A");
            arcScaleComponent2.AppearanceTickmarkText.Font          = new Font("Tahoma", 8.5f);
            arcScaleComponent2.MinorTickCount                       = 0;
            arcScaleComponent2.MinorTickmark.ShapeOffset            = -7F;
            arcScaleComponent2.MinorTickmark.ShapeType              = TickmarkShapeType.Circular_Style16_2;
            arcScaleComponent2.MajorTickCount                       = 0;
            arcScaleComponent2.MajorTickmark.FormatString           = "{0:F0}";
            arcScaleComponent2.MajorTickmark.ShapeOffset            = -14F;
            arcScaleComponent2.MajorTickmark.ShapeType              = TickmarkShapeType.Circular_Style16_1;
            arcScaleComponent2.MajorTickmark.TextOrientation        = LabelOrientation.LeftToRight;
            arcScaleComponent2.MinValue                             = 0f;
            arcScaleComponent2.MaxValue                             = 100f;
            arcScaleComponent2.Value                                = 50f;

            #endregion
            #region 아크 스타일 범위 막대 컴포넌트 1을 설정한다.

            ArcScaleRangeBarComponent arcScaleRangeBarComponent1 = new ArcScaleRangeBarComponent();

            arcScaleRangeBarComponent1.Name           = "arcScaleRangeBarComponent1";
            arcScaleRangeBarComponent1.ZOrder         = -10;
            arcScaleRangeBarComponent1.StartOffset    = 80f;
            arcScaleRangeBarComponent1.EndOffset      = 5f;
            arcScaleRangeBarComponent1.ArcScale       = arcScaleComponent1;
            arcScaleRangeBarComponent1.ShowBackground = true;
            arcScaleRangeBarComponent1.RoundedCaps    = false;

            #endregion
            #region 아크 스타일 범위 막대 컴포넌트 2를 설정한다.

            ArcScaleRangeBarComponent arcScaleRangeBarComponent2 = new ArcScaleRangeBarComponent();

            arcScaleRangeBarComponent2.Name           = "arcScaleRangeBarComponent2";
            arcScaleRangeBarComponent2.ZOrder         = -10;
            arcScaleRangeBarComponent2.StartOffset    = 60f;
            arcScaleRangeBarComponent2.EndOffset      = 5f;
            arcScaleRangeBarComponent2.ArcScale       = arcScaleComponent2;
            arcScaleRangeBarComponent2.ShowBackground = true;
            arcScaleRangeBarComponent2.RoundedCaps    = false;

            #endregion
            #region 환형 게이지를 설정한다.

            CircularGauge circularGauge = new CircularGauge();

            circularGauge.Name   = "circularGauge";
            circularGauge.Bounds = new Rectangle(5, 5, 250, 250);
            circularGauge.Images.AddRange(new ImageIndicatorComponent[] { imageIndicatorComponent });
            circularGauge.Labels.AddRange(new LabelComponent[] { labelComponent });
            circularGauge.RangeBars.AddRange(new ArcScaleRangeBarComponent[] { arcScaleRangeBarComponent1, arcScaleRangeBarComponent2 });
            circularGauge.Scales.AddRange(new ArcScaleComponent[] { arcScaleComponent1, arcScaleComponent2 });

            #endregion
            #region 게이지 컨트롤을 설정한다.

            GaugeControl gaugeControl = new GaugeControl();

            gaugeControl.Name                       = "gaugeControl";
            gaugeControl.Location                   = new Point(100, 100);
            gaugeControl.Size                       = new Size(260, 260);
            gaugeControl.ColorScheme.Color          = Color.FromArgb(255, 128, 0);
            gaugeControl.ColorScheme.TargetElements = TargetElement.RangeBar | TargetElement.ImageIndicator | TargetElement.Label;

            gaugeControl.Gauges.AddRange(new IGauge[] { circularGauge });

            #endregion

            this.Controls.Add(gaugeControl);
        }

        #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

using System.ComponentModel;

using System.Drawing;

using DevExpress.XtraEditors;

using DevExpress.XtraGauges.Base;

using DevExpress.XtraGauges.Core.Base;

using DevExpress.XtraGauges.Core.Drawing;

using DevExpress.XtraGauges.Core.Model;

using DevExpress.XtraGauges.Win;

using DevExpress.XtraGauges.Win.Base;

using DevExpress.XtraGauges.Win.Gauges.Circular;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

ComponentResourceManager resourceManager = new ComponentResourceManager(typeof(MainForm));

#region 이미지 지시자 컴포넌트를 설정한다.

ImageIndicatorComponent imageIndicatorComponent = new ImageIndicatorComponent();

imageIndicatorComponent.Name = "imageIndicatorComponent";

imageIndicatorComponent.Position = new PointF2D(125f, 125f);

imageIndicatorComponent.ZOrder = -1000;

imageIndicatorComponent.Image = Properties.Resources.flame;

#endregion

#region 레이블 컴포넌트를 설정한다.

LabelComponent labelComponent = new LabelComponent();

labelComponent.Name = "labelComponent";

labelComponent.Position = new PointF2D(200f, 100f);

labelComponent.Size = new SizeF(50F, 40F);

labelComponent.AppearanceText.Font = new Font("Tahoma", 24F, FontStyle.Regular, GraphicsUnit.Pixel);

labelComponent.Text = "95";

labelComponent.ZOrder = -1000;

#endregion

#region 아크 스케일 컴포넌트 1을 설정한다.

ArcScaleComponent arcScaleComponent1 = new ArcScaleComponent();

arcScaleComponent1.Name = "arcScaleComponent1";

arcScaleComponent1.Center = new PointF2D(125f, 125f);

arcScaleComponent1.RadiusX = 100f;

arcScaleComponent1.RadiusY = 100f;

arcScaleComponent1.StartAngle = 90f;

arcScaleComponent1.EndAngle = 450f;

arcScaleComponent1.AppearanceMinorTickmark.BorderBrush = new SolidBrushObject("Color:White");

arcScaleComponent1.AppearanceMinorTickmark.ContentBrush = new SolidBrushObject("Color:White");

arcScaleComponent1.AppearanceMajorTickmark.BorderBrush = new SolidBrushObject("Color:White");

arcScaleComponent1.AppearanceMajorTickmark.ContentBrush = new SolidBrushObject("Color:White");

arcScaleComponent1.AppearanceTickmarkText.TextBrush = new SolidBrushObject("Color:#484E5A");

arcScaleComponent1.AppearanceTickmarkText.Font = new Font("Tahoma", 8.5f);

arcScaleComponent1.MinorTickCount = 0;

arcScaleComponent1.MinorTickmark.ShapeOffset = -7f;

arcScaleComponent1.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style16_2;

arcScaleComponent1.MajorTickCount = 0;

arcScaleComponent1.MajorTickmark.FormatString = "{0:F0}";

arcScaleComponent1.MajorTickmark.ShapeOffset = -14f;

arcScaleComponent1.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style16_1;

arcScaleComponent1.MajorTickmark.TextOrientation = LabelOrientation.LeftToRight;

arcScaleComponent1.MinValue = 0f;

arcScaleComponent1.MaxValue = 100f;

arcScaleComponent1.Value = 50f;

#endregion

#region 아크 스케일 컴포넌트 2를 설정한다.

ArcScaleComponent arcScaleComponent2 = new ArcScaleComponent();

arcScaleComponent2.Name = "arcScaleComponent2";

arcScaleComponent2.Center = new PointF2D(125f, 125f);

arcScaleComponent2.RadiusX = 80f;

arcScaleComponent2.RadiusY = 80f;

arcScaleComponent2.StartAngle = 90f;

arcScaleComponent2.EndAngle = 315f;

arcScaleComponent2.AppearanceMinorTickmark.BorderBrush = new SolidBrushObject("Color:White");

arcScaleComponent2.AppearanceMinorTickmark.ContentBrush = new SolidBrushObject("Color:White");

arcScaleComponent2.AppearanceMajorTickmark.BorderBrush = new SolidBrushObject("Color:White");

arcScaleComponent2.AppearanceMajorTickmark.ContentBrush = new SolidBrushObject("Color:White");

arcScaleComponent2.AppearanceTickmarkText.TextBrush = new SolidBrushObject("Color:#484E5A");

arcScaleComponent2.AppearanceTickmarkText.Font = new Font("Tahoma", 8.5f);

arcScaleComponent2.MinorTickCount = 0;

arcScaleComponent2.MinorTickmark.ShapeOffset = -7F;

arcScaleComponent2.MinorTickmark.ShapeType = TickmarkShapeType.Circular_Style16_2;

arcScaleComponent2.MajorTickCount = 0;

arcScaleComponent2.MajorTickmark.FormatString = "{0:F0}";

arcScaleComponent2.MajorTickmark.ShapeOffset = -14F;

arcScaleComponent2.MajorTickmark.ShapeType = TickmarkShapeType.Circular_Style16_1;

arcScaleComponent2.MajorTickmark.TextOrientation = LabelOrientation.LeftToRight;

arcScaleComponent2.MinValue = 0f;

arcScaleComponent2.MaxValue = 100f;

arcScaleComponent2.Value = 50f;

#endregion

#region 아크 스타일 범위 막대 컴포넌트 1을 설정한다.

ArcScaleRangeBarComponent arcScaleRangeBarComponent1 = new ArcScaleRangeBarComponent();

arcScaleRangeBarComponent1.Name = "arcScaleRangeBarComponent1";

arcScaleRangeBarComponent1.ZOrder = -10;

arcScaleRangeBarComponent1.StartOffset = 80f;

arcScaleRangeBarComponent1.EndOffset = 5f;

arcScaleRangeBarComponent1.ArcScale = arcScaleComponent1;

arcScaleRangeBarComponent1.ShowBackground = true;

arcScaleRangeBarComponent1.RoundedCaps = false;

#endregion

#region 아크 스타일 범위 막대 컴포넌트 2를 설정한다.

ArcScaleRangeBarComponent arcScaleRangeBarComponent2 = new ArcScaleRangeBarComponent();

arcScaleRangeBarComponent2.Name = "arcScaleRangeBarComponent2";

arcScaleRangeBarComponent2.ZOrder = -10;

arcScaleRangeBarComponent2.StartOffset = 60f;

arcScaleRangeBarComponent2.EndOffset = 5f;

arcScaleRangeBarComponent2.ArcScale = arcScaleComponent2;

arcScaleRangeBarComponent2.ShowBackground = true;

arcScaleRangeBarComponent2.RoundedCaps = false;

#endregion

#region 환형 게이지를 설정한다.

CircularGauge circularGauge = new CircularGauge();

circularGauge.Name = "circularGauge";

circularGauge.Bounds = new Rectangle(5, 5, 250, 250);

circularGauge.Images.AddRange(new ImageIndicatorComponent[] { imageIndicatorComponent });

circularGauge.Labels.AddRange(new LabelComponent[] { labelComponent });

circularGauge.RangeBars.AddRange(new ArcScaleRangeBarComponent[] { arcScaleRangeBarComponent1, arcScaleRangeBarComponent2 });

circularGauge.Scales.AddRange(new ArcScaleComponent[] { arcScaleComponent1, arcScaleComponent2 });

#endregion

#region 게이지 컨트롤을 설정한다.

GaugeControl gaugeControl = new GaugeControl();

gaugeControl.Name = "gaugeControl";

gaugeControl.Location = new Point(100, 100);

gaugeControl.Size = new Size(260, 260);

gaugeControl.ColorScheme.Color = Color.FromArgb(255, 128, 0);

gaugeControl.ColorScheme.TargetElements = TargetElement.RangeBar | TargetElement.ImageIndicator | TargetElement.Label;

gaugeControl.Gauges.AddRange(new IGauge[] { circularGauge });

#endregion

this.Controls.Add(gaugeControl);

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] ArcScaleRangeBarComponent 클래스 : RoundedCaps 속성을 사용해 범위 막대(Range Bar) 에지 스타일 설정하기

■ ArcScaleRangeBarComponent 클래스의 RoundedCaps 속성을 사용해 범위 막대(Range Bar) 에지 스타일을 설정하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.arcScaleComponent.StartAngle = 0f;
            this.arcScaleComponent.EndAngle   = 270f;
            this.arcScaleComponent.Value      = 75f;

            this.arcScaleRangeBarComponent.RoundedCaps = false;
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.arcScaleComponent.StartAngle = 0f;

this.arcScaleComponent.EndAngle = 270f;

this.arcScaleComponent.Value = 75f;

this.arcScaleRangeBarComponent.RoundedCaps = false;

}

#endregion

}

TestProject.zip

[C#/WINFORM/DEVEXPRESS] ArcScaleComponent 클래스 : StartAngle/EndAngle/Value 속성을 사용해 범위 막대(Range Bar)와 현재 값 표시하기

■ ArcScaleComponent 클래스의 StartAngle/EndAngle/Value 속성을 사용해 범위 막대(Range Bar)와 현재 값을 표시하는 방법을 보여준다. ▶ MainForm.cs


using DevExpress.XtraEditors;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : XtraForm
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.arcScaleComponent.StartAngle = 0f;
            this.arcScaleComponent.EndAngle   = 270f;
            this.arcScaleComponent.Value      = 75f;
        }

        #endregion
    }
}

using DevExpress.XtraEditors;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : XtraForm

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.arcScaleComponent.StartAngle = 0f;

this.arcScaleComponent.EndAngle = 270f;

this.arcScaleComponent.Value = 75f;

}

#endregion

}

TestProject.zip

[C#/WINFORM] 게이지 컨트롤 만들기

■ 게이지 컨트롤을 만드는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random;

        #endregion

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

        #region 생성자 - MainForm()

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

            this.random = new Random(DateTime.Now.Millisecond);

            #region 게이지 컨트롤을 설정한다.

            this.gaugeControl.MinimumValue     = 0;
            this.gaugeControl.MaximumValue     = 100;
            this.gaugeControl.ThresholdPercent = 50;

            #endregion

            FormClosing     += Form_FormClosing;
            this.timer.Tick += timer_Tick;

            this.timer.Start();
        }

        #endregion

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

        #region 폼을 닫을 경우 처리하기 - Form_FormClosing(sender, e)

        /// <summary>
        /// 폼을 닫을 경우 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_FormClosing(object sender, FormClosingEventArgs e)
        {
            this.timer.Stop();
        }

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

        /// <summary>
        /// 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void timer_Tick(object sender, EventArgs e)
        {
            int increment = this.random.Next(-10, 10);

            this.gaugeControl.Value = this.gaugeControl.Value + increment;
        }

        #endregion
    }
}

using System;

using System.Windows.Forms;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random;

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.random = new Random(DateTime.Now.Millisecond);

#region 게이지 컨트롤을 설정한다.

this.gaugeControl.MinimumValue = 0;

this.gaugeControl.MaximumValue = 100;

this.gaugeControl.ThresholdPercent = 50;

#endregion

FormClosing += Form_FormClosing;

this.timer.Tick += timer_Tick;

this.timer.Start();

}

#endregion

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

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

#region 폼을 닫을 경우 처리하기 - Form_FormClosing(sender, e)

/// <summary>

/// 폼을 닫을 경우 처리하기

/// </summary>

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

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

private void Form_FormClosing(object sender, FormClosingEventArgs e)

{

this.timer.Stop();

}

#endregion

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

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

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

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

private void timer_Tick(object sender, EventArgs e)

{

int increment = this.random.Next(-10, 10);

this.gaugeControl.Value = this.gaugeControl.Value + increment;

}

#endregion

}

TestSolution.zip