3

Extended WPF ToolkitDateTimePickerのコントロール テンプレートのスタイルを変更しようとしています。これがどのように見えるかの図です
スタイル比較

元のコードの関連部分は次のとおりです。

DateTimePicker.cs

[TemplatePart( Name = PART_Calendar, Type = typeof( Calendar ) )]
[TemplatePart( Name = PART_TimeUpDown, Type = typeof( TimePicker ) )]
public class DateTimePicker : DateTimePickerBase
{
    private const string PART_Calendar = "PART_Calendar";
    private const string PART_TimeUpDown = "PART_TimeUpDown";

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        if( _calendar != null )
            _calendar.SelectedDatesChanged -= Calendar_SelectedDatesChanged;

        _calendar = GetTemplateChild( PART_Calendar ) as Calendar;

        if( _calendar != null )
        {
            _calendar.SelectedDatesChanged += Calendar_SelectedDatesChanged;
            _calendar.SelectedDate = Value ?? null;
            _calendar.DisplayDate = Value ?? this.ContextNow;
            this.SetBlackOutDates();
        }

        _timePicker = GetTemplateChild( PART_TimeUpDown ) as TimePicker;
    }
}

Generic.xaml

<Style TargetType="{x:Type local:DateTimePicker}">
  ...
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:DateTimePicker}">
        ...
        <StackPanel>
          <Calendar x:Name="PART_Calendar" BorderThickness="0" />
          <local:TimePicker x:Name="PART_TimeUpDown" ... />
        </StackPanel>
        ...
      </ControlTemplate>
    </Setter.Value>
  <Setter>
</Style>

DateTimePicker特定のイベントでカレンダー パーツのプロパティを調整するためのコード ビハインドにはかなりのロジックが含まれているため、車輪の再発明はしたくありません。理想的には、次のようにコントロールのスタイルを簡単に変更できるようにしたいと考えています。

CustomStyles.xaml

<Style x:Key="MetroDateTimePicker" TargetType="{x:Type xctk:DateTimePicker}">
    <Setter Property="Foreground" Value="{DynamicResource TextBrush}"/>
    <Setter Property="Background" Value="{DynamicResource ControlBackgroundBrush}"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="BorderBrush" Value="{DynamicResource TextBoxBorderBrush}"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="FontFamily" Value="{DynamicResource ContentFontFamily}"/>
    <Setter Property="FontSize" Value="{DynamicResource ContentFontSize}"/>
    <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
    <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type xctk:DateTimePicker}">
                <Grid>
                    <Border x:Name="Base"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    <Grid Margin="5">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>
                        <xctk:ButtonSpinner x:Name="PART_Spinner"
                                            Grid.Column="0"
                                            BorderThickness="0"
                                            IsTabStop="False"
                                            Background="Transparent"
                                            Style="{StaticResource MetroButtonSpinner}"
                                            AllowSpin="{TemplateBinding AllowSpin}"
                                            ShowButtonSpinner="{TemplateBinding ShowButtonSpinner}">
                            <xctk:WatermarkTextBox x:Name="PART_TextBox"
                                                   BorderThickness="0" 
                                                   Background="Transparent"
                                                   FontFamily="{TemplateBinding FontFamily}"
                                                   FontSize="{TemplateBinding FontSize}"
                                                   FontStretch="{TemplateBinding FontStretch}"
                                                   FontStyle="{TemplateBinding FontStyle}"
                                                   FontWeight="{TemplateBinding FontWeight}"
                                                   Foreground="{TemplateBinding Foreground}"
                                                   HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                   IsReadOnly="{Binding IsReadOnly, RelativeSource={RelativeSource TemplatedParent}}"
                                                   MinWidth="20"
                                                   AcceptsReturn="False"
                                                   Padding="0"
                                                   TextAlignment="{TemplateBinding TextAlignment}"
                                                   TextWrapping="NoWrap" 
                                                   Text="{Binding Text, RelativeSource={RelativeSource TemplatedParent}}"
                                                   TabIndex="{TemplateBinding TabIndex}"
                                                   Watermark="{TemplateBinding Watermark}"
                                                   WatermarkTemplate="{TemplateBinding WatermarkTemplate}" />
                        </xctk:ButtonSpinner>
                        <ToggleButton x:Name="_calendarToggleButton"
                                      Background="{TemplateBinding Background}"
                                      Grid.Column="1"
                                      IsChecked="{Binding IsOpen, RelativeSource={RelativeSource TemplatedParent}}"
                                      Style="{DynamicResource ChromelessButtonStyle}"
                                      Foreground="{TemplateBinding Foreground}"
                                      IsTabStop="False">
                            <Path Fill="{TemplateBinding Foreground}"
                                  Data="..."
                                  Stretch="Uniform">
                                <Path.Width>
                                    <Binding RelativeSource="{RelativeSource TemplatedParent}"
                                             Path="FontSize"
                                             Converter="{x:Static shared:FontSizeOffsetConverter.Instance}">
                                        <Binding.ConverterParameter>
                                            <sys:Double>4</sys:Double>
                                        </Binding.ConverterParameter>
                                    </Binding>
                                </Path.Width>
                                <Path.Height>
                                    <Binding RelativeSource="{RelativeSource TemplatedParent}" 
                                             Path="FontSize" 
                                             Converter="{x:Static shared:FontSizeOffsetConverter.Instance}">
                                        <Binding.ConverterParameter>
                                            <sys:Double>4</sys:Double>
                                        </Binding.ConverterParameter>
                                    </Binding>
                                </Path.Height>
                            </Path>
                        </ToggleButton>
                    </Grid>
                    <Popup x:Name="PART_Popup" 
                           AllowsTransparency="True"
                           IsOpen="{Binding IsChecked, ElementName=_calendarToggleButton}"
                           PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}"
                           StaysOpen="False">
                        <Border Padding="3"
                                Background="{DynamicResource WhiteBrush}"
                                BorderBrush="{DynamicResource ComboBoxPopupBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Effect="{DynamicResource DropShadowBrush}">
                            <StackPanel>
                                <Calendar x:Name="Part_Calendar"
                                          BorderThickness="0"
                                          MinWidth="115"
                                          DisplayDateStart="{Binding Minimum, RelativeSource={RelativeSource TemplatedParent}}"
                                          DisplayDateEnd="{Binding Maximum, RelativeSource={RelativeSource TemplatedParent}}"
                                          IsTodayHighlighted="False"/>
                                <xctk:TimePicker x:Name="PART_TimeUpDown"
                                                 Style="{StaticResource MetroTimePicker}"
                                                 Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"
                                                 Foreground="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}" 
                                                 Format="{TemplateBinding TimeFormat}"
                                                 FormatString="{TemplateBinding TimeFormatString}"
                                                 Value="{Binding Value, RelativeSource={RelativeSource TemplatedParent}}"
                                                 Minimum="{Binding Minimum, RelativeSource={RelativeSource TemplatedParent}}"
                                                 Maximum="{Binding Maximum, RelativeSource={RelativeSource TemplatedParent}}"
                                                 ClipValueToMinMax="{Binding ClipValueToMinMax, RelativeSource={RelativeSource TemplatedParent}}"
                                                 IsUndoEnabled="{Binding IsUndoEnabled, RelativeSource={RelativeSource TemplatedParent}}"
                                                 AllowSpin="{TemplateBinding TimePickerAllowSpin}"
                                                 ShowButtonSpinner="{TemplateBinding TimePickerShowButtonSpinner}"
                                                 Watermark="{TemplateBinding TimeWatermark}"
                                                 WatermarkTemplate="{TemplateBinding TimeWatermarkTemplate}"
                                                 Visibility="{TemplateBinding TimePickerVisibility}"
                                                 Margin="3 0 3 3"/>
                            </StackPanel>
                        </Border>
                    </Popup>
                </Grid>
                <ControlTemplate.Triggers>
                    <MultiDataTrigger>
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding IsReadOnly, RelativeSource={RelativeSource Self}}" Value="False" />
                            <Condition Binding="{Binding AllowTextInput, RelativeSource={RelativeSource Self}}" Value="False" />
                        </MultiDataTrigger.Conditions>
                        <Setter Property="IsReadOnly" Value="True" TargetName="PART_TextBox" />
                    </MultiDataTrigger>
                    <DataTrigger Binding="{Binding IsReadOnly, RelativeSource={RelativeSource Self}}" Value="True">
                        <Setter Property="IsReadOnly" Value="True" TargetName="PART_TextBox" />
                    </DataTrigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

注: 変更したのはこれだけではありません。実際には、省略したスタイルがさらに 2 つあります (MetroTimePickerおよびMetroButtonSpinner)。ほとんどの場合、すべてが良さそうに見えますが、正しく動作しません。コードに ( が呼び出された後に) ブレーク ポイントを設定すると、プライベートフィールドが null でApplyTemplateあることがわかります。_calendar直接呼び出しmyPicker.GetTemplateChild("PART_Calendar")ても null が返されます (これは、ウォッチ ウィンドウまたはイミディエイト ウィンドウで可能です)。

カスタム スタイルを適用すると、テンプレート内の名前付き要素を取得できなくなったようです。すべての名前付きパーツがそこにある (そして適切な型を持っている) 限り、ほとんどすべてのコントロール テンプレートを適用できると思ったので、何かが欠けているに違いありません。私の質問は、カスタム テンプレートを WPF コントロールに適用し、その名前付き部分に関連付けられているロジックが期待どおりに機能し続けるようにするにはどうすればよいですか?

4

1 に答える 1