[.NET MAUI] DevExpress - NumericEdit

DevExpress.Maui.Editors Nuget Package 설치
( 참고 : 2022.09.24 - [C#/Xamarin Maui] - [.NET MAUI] DevExpress - 설치 및 설정 )

NumberEdit 는 컨트롤 이름처럼 숫자를 표현하기 위한 컨트롤 입니다.
숫자 입력시 여러 포멧을 지원하며 NumericUpDown 컨트롤로 만들어 사용이 가능합니다.

1. DisplayFormat

<dxe:NumericEdit
    BoxMode="Filled"
    DisplayFormat="c"
    LabelText="Doller"
    Value="1" />

DisplayFormat = c : 통화, n1 : 소숫점 표시, p : 퍼센트 표시
BoxMode 에 따라 LabelText 표시 위치과 모양이 달라집니다. (아래 2번 참고)

2. Prefix,Suffix,HelpText

<dxe:NumericEdit
    BoxMode="Outlined"
    DisplayFormat="n2"
    HelpText="1달러기준 환율"
    HelpTextColor="LightGray"
    LabelText="환율"
    Prefix="(1달러)"
    Suffix="원"
    Value="1428.00" />

Prefix 는 숫자 앞쪽, Suffix 는 숫자 뒤쪽으로 표시될 문자열을 정의하고
HelpText 는 숫자가 의미등을 표시하는 문자열을 정의합니다.

3. NumericUpDown
IsUpDownIconVisible ="true"로 설정하면 NumericUpDown 컨트롤이 됩니다.

<dxe:NumericEdit
    BoxMode="Outlined"
    DisplayFormat="n0"
    HelpTextColor="LightGray"
    IsUpDownIconVisible="True"
    LabelText="Age"
    StepValue="1"
    Value="25" />

StepValue 로 증/감 수를 설정할수 있습니다.

증/감 버튼의 아이콘 변경이 가능하며 헤더 부분의 아이콘도 변경이 가능합니다.

[Source]
https://github.com/kei-soft/Maui.DevExpressTest