1

Infragistics NetAdvantageで、XamNumericEditorの上下ボタンのスタイルを変更するにはどうすればよいですか？

DefaultStylesを調べましたが、従うのはちょっと難しいです。

  1. XamNumericEditorスタイルは空です。これは単にXamMaskedEditorのエイリアスです。
  2. ただし、XamMaskedEditorには、上/下ボタンが定義されていないようです。それはどのように機能しますか？

それほど複雑ではない堅実な例を見つけることができれば、本当に素晴らしいことです。

助けてくれる人に感謝します。

4

1 に答える 1

2

DefaultStyleEditorsGeneric.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>
于 2012-05-30T16:30:53.620 に答える