Question

我有一个自定义控件，其中包含一个带有模板化工具提示的路径。我希望能够在运行时获取模板中的网格引用，以便我可以根据使用情况修改它的子项。

我认为我可以使用GetTemplateChild从控件的OnApplyTemplate方法中获取模板中的网格引用，但此方法未触发。

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

  _tooltipDetails = (Grid)GetTemplateChild("TooltipDetailsGrid");
}

我怎么能这样做？

这是用户控件的XAML。

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" x:Class="MiX.AssetManagement.UI.Timeline.Silverlight.TimelineBarRibbonItem"
    FontSize="9.333" Foreground="White" mc:Ignorable="d">
    <UserControl.Resources>
        <ControlTemplate x:Key="ToolTipControlTemplateTimelineView" TargetType="ToolTip">
            <StackPanel Orientation="Horizontal" Margin="16,0,0,0">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="OpenStates">
                        <VisualState x:Name="Closed"/>
                        <VisualState x:Name="Open"/>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Border CornerRadius="4">
                    <Border.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#7F000000" Offset="0"/>
                            <GradientStop Color="#B2000000" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <Grid Margin="4">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Border x:Name="Info" Height="16" Width="16" BorderThickness="2" CornerRadius="8" HorizontalAlignment="Left" VerticalAlignment="Top">
                            <Border.BorderBrush>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="White" Offset="0"/>
                                    <GradientStop Color="#7FFFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.BorderBrush>
                            <Path Fill="White" Stretch="Fill" Margin="5.229,2.089,5.035,2.82" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" Data="M0.77471197,5.0623446 L2.4198356,5.0623446 L2.4198356,10.18 L0.77471197,10.18 z M0.72914064,3.0891075 L2.4654069,3.0891075 L2.4654069,4.3332038 L0.72914064,4.3332038 z">
                                <Path.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Path.RenderTransform>
                            </Path>
                        </Border>
                        <ContentPresenter d:LayoutOverrides="Width, Height" Margin="20,0,0,0"/>
                        <Grid Grid.Column="1" x:Name="TooltipDetailsGrid">
                            <TextBlock Text="Tooltip in a Grid"/>
                        </Grid>
                    </Grid>
                </Border>
            </StackPanel>
        </ControlTemplate>
    </UserControl.Resources>

    <Path x:Name="RibbonItem" Cursor="Hand">
        <Path.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF66CC33"/>
                <GradientStop Color="#FF339900" Offset="1"/>
            </LinearGradientBrush>
        </Path.Fill>
        <ToolTipService.ToolTip>
            <ToolTip x:Name="RibbonItemTooltip" Content="" Foreground="#FFFFFFFF" FontSize="9.333" Placement="Mouse" Template="{StaticResource ToolTipControlTemplateTimelineView}"/>
        </ToolTipService.ToolTip>
        <Path.Data>
            <GeometryGroup x:Name="RibbonItemGeometryGroup">
                <RectangleGeometry x:Name="RibbonItemBackground" />
            </GeometryGroup>
        </Path.Data>
    </Path>
</UserControl>

Answer 1

您需要在ToolTip Classes OnApplyTemplate方法中处理代码。这是我未经测试的你需要做的事情： -

从ToolTip继承并覆盖此新类中的OnApplyTemplate方法： -

 public MyToolTip : ToolTip
 {
     public override void OnApplyTemplate()
     {
         //Perhaps to stuff
         base.OnApplyTemplate();
         //Perhaps to other stuff
     }
 }

在您的资源中，您现在将TargetType设置为local:MyToolTip，并确保您的程序集命名空间与用户控件元素中的local别名一起放置。

现在你的Xaml： -

    <ToolTipService.ToolTip>
            <local:MyToolTip x:Name="RibbonItemTooltip" Content="" Foreground="#FFFFFFFF" FontSize="9.333" Placement="Mouse" Template="{StaticResource ToolTipControlTemplateTimelineView}"/>
    </ToolTipService.ToolTip>

Answer 2

我以稍微不同的方式解决了这个问题。我没有在运行时修改模板，而是为每个用例创建了一个模板实例。然后，我可以在创建实例时应用正确的模板，并且模板中的元素绑定到控件类，以使用适当的值填充工具提示。

这可能是一种更好的方法，因为工具提示的结构现在在XAML中清晰可见，而不是隐藏在代码中。

如何在运行时修改Silverlight模板？

2 个答案: