new demo

demo/Ursa.Demo/Pages/NumericUpDownDemo.axaml

@@ -16,8 +16,36 @@
             <Setter Property="HorizontalContentAlignment" Value="Left" />
         </Style>
     </UserControl.Styles>
-    <Grid ColumnDefinitions="*,*,*">
+
-        <StackPanel Grid.Column="0" HorizontalAlignment="Left">
+    <Grid ColumnDefinitions="*,*">
+        <Grid
+            Grid.Column="0"
+            HorizontalAlignment="Left"
+            RowDefinitions="200,*">
+            <StackPanel>
+                <u:Divider Content="Change Right ->" />
+                <u:NumericUIntUpDown
+                    Name="numd"
+                    HorizontalContentAlignment="{Binding HorizontalContentAlignment}"
+                    AllowDrag="{Binding AllowDrag}"
+                    AllowSpin="{Binding AllowSpin}"
+                    FontFamily="{Binding FontFamily, Mode=OneWay}"
+                    FormatString="{Binding FormatString}"
+                    InnerLeftContent="{Binding InnerLeftContent}"
+                    IsEnabled="{Binding IsEnable}"
+                    IsReadOnly="{Binding IsReadOnly}"
+                    Maximum="{Binding Maximum}"
+                    Minimum="{Binding Minimum}"
+                    ParsingNumberStyle="{Binding ParsingNumberStyle}"
+                    ShowButtonSpinner="{Binding ShowButtonSpinner}"
+                    Step="{Binding Step}"
+                    Watermark="{Binding Watermark}"
+                    Value="{Binding Value}" />
+                <u:Divider Content="Demo" />
+            </StackPanel>
+
+            <StackPanel Grid.Row="1">
+                <u:Divider Content="{Binding #input.Value, StringFormat='Int = {0}'}" />
                 <u:NumericIntUpDown
                     Name="input"
                     Classes="ClearButton"
@@ -25,27 +53,21 @@
                     Step="1"
                     Watermark="Input Value"
                     Value="2" />
-            <TextBlock Text="{Binding #input.Value}" />
+                <u:Divider Content="{Binding #inputDouble.Value, StringFormat='Double = {0}'}" />
                 <u:NumericDoubleUpDown
                     Name="inputDouble"
                     EmptyInputValue="1"
                     Step="0.5"
                     Value="3.1" />
-            <TextBlock Text="{Binding #inputDouble.Value}" />
+                <u:Divider Content="{Binding #inputByte.Value, StringFormat='Byte = {0}'}" />
                 <u:NumericByteUpDown
                     Name="inputByte"
                     EmptyInputValue="1"
                     Step="1"
                     Value="3" />
-            <TextBlock Text="{Binding #inputByte.Value}" />
+                <u:Divider Content="{Binding #Drag_Int.Value, StringFormat='Drag Int = {0}'}" />
-            <TextBlock Text="Drag" />
-            <u:NumericIntUpDown
-                AllowDrag="True"
-                Step="1"
-                Watermark="Input Value"
-                Value="2" />
-
                 <u:NumericIntUpDown
+                    Name="Drag_Int"
                     AllowDrag="True"
                     InnerLeftContent="Drag"
                     Step="1"
@@ -54,11 +76,12 @@
 
                 <!--  hex demo  -->
 
+                <u:Divider Content="{Binding #uint_HexNumber.Value, StringFormat='Don‘t Use = {0}, hex={0:X}'}" />
                 <!--  =================this is error usage  -->
-            <!--  HorizontalContentAlignment="Right"  -->
                 <u:NumericUIntUpDown
+                    Name="uint_HexNumber"
                     AllowDrag="False"
-                FormatString="{}{0:x8}"
+                    FormatString="{}{0:X8}"
                     InnerLeftContent="HexNumber"
                     ParsingNumberStyle="HexNumber"
                     Step="1"
@@ -66,40 +89,34 @@
                     Value="2" />
 
                 <!--  =================we should use AllowHexSpecifier  -->
+                <u:Divider Content="{Binding #uint_AllowHexSpecifier.Value, StringFormat='uint = {0}, hex={0:X}'}" />
                 <u:NumericUIntUpDown
+                    Name="uint_AllowHexSpecifier"
                     HorizontalContentAlignment="Right"
                     AllowDrag="False"
                     FontFamily="Consolas"
-                FormatString="{}{0:x8}"
+                    FormatString="{}{0:X8}"
                     InnerLeftContent="AllowHexSpecifier"
                     ParsingNumberStyle="AllowHexSpecifier"
                     Step="1"
                     Watermark="AllowHexSpecifier"
                     Value="2" />
 
+                <u:Divider Content="{Binding #Consolas_uint.Value, StringFormat='Font=Consolas {0}, hex={0:X}'}" />
                 <u:NumericUIntUpDown
+                    Name="Consolas_uint"
                     HorizontalContentAlignment="Right"
                     AllowDrag="False"
                     FontFamily="Consolas"
-                FormatString="x8"
+                    FormatString="X8"
                     InnerLeftContent="0x"
                     ParsingNumberStyle="AllowHexSpecifier"
                     Step="1"
                     Watermark="AllowHexSpecifier"
                     Value="2" />
-            <u:NumericUIntUpDown
-                HorizontalContentAlignment="Left"
-                AllowDrag="False"
-                FontFamily="Consolas"
-                FormatString="x8"
-                InnerLeftContent="0"
-                ParsingNumberStyle="AllowHexSpecifier"
-                Step="1"
-                Watermark="AllowHexSpecifier"
-                Value="2" />
             </StackPanel>
-        <StackPanel Grid.Column="2" HorizontalAlignment="Left">
+        </Grid>
-
+        <StackPanel Grid.Column="1" HorizontalAlignment="Left">
 
             <Label Content="FontFamily" />
             <TextBox Text="{Binding FontFamily}" />
@@ -156,25 +173,5 @@
             <CheckBox IsChecked="{Binding IsEnable}" />
 
         </StackPanel>
-        <StackPanel Grid.Column="1" HorizontalAlignment="Left">
-            <u:Divider Content="Display" />
-            <u:NumericUIntUpDown
-                Name="numd"
-                HorizontalContentAlignment="{Binding HorizontalContentAlignment}"
-                AllowDrag="{Binding AllowDrag}"
-                AllowSpin="{Binding AllowSpin}"
-                FontFamily="{Binding FontFamily}"
-                FormatString="{Binding FormatString}"
-                InnerLeftContent="{Binding InnerLeftContent}"
-                IsEnabled="{Binding IsEnable}"
-                IsReadOnly="{Binding IsReadOnly}"
-                Maximum="{Binding Maximum}"
-                Minimum="{Binding Minimum}"
-                ParsingNumberStyle="{Binding ParsingNumberStyle}"
-                ShowButtonSpinner="{Binding ShowButtonSpinner}"
-                Step="{Binding Step}"
-                Watermark="{Binding Watermark}"
-                Value="{Binding Value}" />
-        </StackPanel>
     </Grid>
 </UserControl>

demo/Ursa.Demo/ViewModels/NumericUpDownDemoViewModel.cs

@@ -20,7 +20,7 @@ public partial class NumericUpDownDemoViewModel : ObservableObject
     [ObservableProperty] private HorizontalAlignment _HorizontalContentAlignment = HorizontalAlignment.Center;
     [ObservableProperty] private object? _InnerLeftContent = "obj:0x";
     [ObservableProperty] private string _Watermark = "Water mark showed";
-    [ObservableProperty] private string _FormatString = "x8";
+    [ObservableProperty] private string _FormatString = "X8";
     [ObservableProperty] private Array _Array_ParsingNumberStyle;
     [ObservableProperty] private NumberStyles _ParsingNumberStyle = NumberStyles.AllowHexSpecifier;
     [ObservableProperty] private bool _AllowSpin = true;