Infragistics｜Ultimate UI for WPF｜XamDateTimeEditor 更改日曆按鈕顯示

尚無瀏覽量

2023-09-03 更新

若要更改 XamDateTimeEditor 中的下拉按鈕顯示，請將樣式設置為 DropDownButtonStyle 屬性。

<Grid>
    <Grid.Resources>
        <!-- XamDateTimeEditorのドロップダウンスタイルを設定 -->
        <Style x:Key="DropDownButtonStyle" TargetType="ToggleButton">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border x:Name="border" Margin="-40,0,0,0" Background="Yellow">
                            <TextBlock  HorizontalAlignment="Center" VerticalAlignment="Center" >カレンダー</TextBlock>
                        </Border>
                        <!-- マウスオーバーで背景色を変更 -->
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" Value="Orange" TargetName="border"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>

    <!-- DropDownButtonStyle プロパティにスタイルを設定する。 -->
    <igEditors:XamDateTimeEditor Margin="10" DropDownButtonStyle="{StaticResource DropDownButtonStyle}" />
</Grid>