如何重新调整XamNumericGrid上/下按钮的样式？

Question

在完整的NetAdvantage中，我如何重新设置XamNumericEditor上/下按钮的样式？

我在DefaultStyles里看了看，很难理解。

1. XamNumericEditor样式是空的；它只是XamMaskedEditor.
2. XamMaskedEditor，的别名，但是这里似乎没有定义任何向上/向下按钮。那是怎么回事？

如果我能找到一个可靠的，而不是过于复杂的例子，那就太好了。

感谢任何能帮忙的人。

Answer 1

下面是来自DefaultStyle EditorsGeneric.xaml的片段：

<Grid x:Name="PART_SpinButtons" DockPanel.Dock="Right" Visibility="{TemplateBinding SpinButtonVisibilityResolved}" Margin="0,1">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="1"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <!-- AS 2/25/11 TFS67071 -->
    <RepeatButton x:Name="spinUp" Style="{TemplateBinding SpinButtonStyle}" Focusable="false" ContentTemplate="{DynamicResource {x:Static igEditors:EditorsBrushKeys.IncreaseGlyphKey}}"/>
    <RepeatButton x:Name="spinDown" Style="{TemplateBinding SpinButtonStyle}" Focusable="false" Grid.Row="2" ContentTemplate="{DynamicResource {x:Static igEditors:EditorsBrushKeys.DecreaseGlyphKey}}"/>
</Grid>

如您所见，可以设置SpinButtonStyle以更改应用程序中spinButton的外观和感觉。如果您也想更改内容(按钮中的向上/向下箭头)，则只需重写EditorBrushKeys参考资料即可。

下面是一个关于如何更改样式的示例：

<Grid>
  <Grid.Resources>
    <!-- Change Content of the Repeat Buttons -->
    <DataTemplate x:Key="{x:Static igEditors:EditorsBrushKeys.IncreaseGlyphKey}">
      <Path
        Width="7"
        Height="4"
        Data="M 0 4 L 8 4 L 4 0 Z"
        Fill="{DynamicResource {x:Static igEditors:EditorsBrushKeys.DropdownBtnGlyphNormalForegroundFillKey}}"/>
    </DataTemplate>

    <DataTemplate x:Key="{x:Static igEditors:EditorsBrushKeys.DecreaseGlyphKey}">
      <Path
        Width="7"
        Height="4"
        Data="M 0 0 L 4 4 L 8 0 Z"
        Fill="{DynamicResource {x:Static igEditors:EditorsBrushKeys.DropdownBtnGlyphNormalForegroundFillKey}}"/>
    </DataTemplate>

    <!-- Change properties on the button -->
    <Style x:Key="mySpinButtonStyle" TargetType="{x:Type RepeatButton}">
      <Setter Property="Background" Value="Green"/>
    </Style>
  </Grid.Resources>

  <igEditors:XamNumericEditor SpinButtonDisplayMode="Always" x:Name="myEditor" Value="10" Width="120" Height="40" SpinButtonStyle="{StaticResource mySpinButtonStyle}"/>
</Grid>