【问题标题】:Silverlight: access control inside the default template of a child control (derived from a templated control)Silverlight:子控件的默认模板内的访问控制(从模板化控件派生)
【发布时间】:2011-08-31 19:12:16
【问题描述】:

我正在尝试实现以下控件层次结构:

RoundedHandleBase: - 这将在内容演示者周围有一个圆形边框,该内容演示者将承载在子控件模板中定义的路径。 - 它还将提供 2 种状态:MouseOver 和 Normal(鼠标悬停时在路径上显示一个矩形)

public class RoundedHandleBase : ContentControl
{        
    public RoundedHandleBase()
        : base()
    {
        base.DefaultStyleKey = typeof(RoundedHandleBase);

        this.MouseEnter += new MouseEventHandler(RoundedHandleBase_MouseEnter);
        this.MouseLeave += new MouseEventHandler(RoundedHandleBase_MouseLeave);
    }

    void RoundedHandleBase_MouseEnter(object sender, MouseEventArgs e)
    {
        bool bRet = VisualStateManager.GoToState((Control)sender, "MouseOver", true);            
    }
    void RoundedHandleBase_MouseLeave(object sender, MouseEventArgs e)
    {
        bool bRet = VisualStateManager.GoToState((Control)sender, "Normal", true);
    }
}

翻转手柄: - 这将路径定义为模板(即句柄的实际图标):

 public class FlipHandle : RoundedHandleBase
{
    private bool bFlipPath;

    public bool FlipPath
    {
        get { return bFlipPath; }
        set 
        {
            bFlipPath = value; 
        }
    }

    public FlipHandle()
        : base()
    {
        base.DefaultStyleKey = typeof(FlipHandle);
        bFlipPath = false;
    }

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();
        if (bFlipPath)
        {
            ContentPresenter content = this.GetTemplateChild("content") as ContentPresenter;
            Path arrowPath = this.GetTemplateChild("Path_FlipHandle") as Path;               
        }            
    }
}

generic.xaml *generic.xaml*

 <!--ROUNDED HANDLES -->
<ControlTemplate x:Key="RoundedHandleBaseTemplate" TargetType="local:RoundedHandleBase">
    <Viewbox>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="MouseOver">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangleOver" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.6"/>
                            <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.3"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Pressed">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangleOver" Storyboard.TargetProperty="(UIElement.Opacity)">
                            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.15"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Border CornerRadius="2,2,2,2">
            <Grid Height="Auto" Width="Auto">
                <Border Margin="0,0,0,0" BorderBrush="#FFFFFFFF" BorderThickness="2,2,2,2" CornerRadius="1,1,1,1" Width="20" Height="20">
                    <Grid>
                        <Viewbox Width="14" Height="14">
                            <ContentPresenter x:Name="content" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="Center" VerticalAlignment="Center"></ContentPresenter>
                        </Viewbox>
                        <Rectangle x:Name="rectangleOver" Fill="#FFFFFFFF" RadiusX="2" RadiusY="2" Margin="1,1,1,1" Opacity="0"/>
                    </Grid>
                </Border>
            </Grid>
        </Border>
    </Viewbox>
</ControlTemplate>

<Style TargetType="local:RoundedHandleBase" x:Key="RoundedHandleStyle">
    <Setter Property="Template" Value="{StaticResource RoundedHandleBaseTemplate}">
    </Setter>
</Style>


<Style TargetType="local:FlipHandle" BasedOn="{StaticResource RoundedHandleStyle}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <Path x:Name="Path_FlipHandle" Width="47.5646" Height="49.2324" Canvas.Left="472.184" Canvas.Top="584.534" Stretch="Fill" Fill="#FFFFFFFF" Data="M 494.718,633.76C 508.77,634.067 520.133,622.527 519.738,608.563C 519.534,601.327 516.378,595.502 512.286,591.527C 508.354,587.711 502.225,583.955 493.832,584.608C 482.414,585.496 475.704,591.912 472.184,601.111L 501.638,601.111C 501.668,599.118 501.62,595.698 501.638,593.124C 505.862,596.766 509.822,601.13 513.884,605.191C 514.376,605.684 517.992,608.638 517.965,609.272C 517.962,609.336 516.478,610.758 516.013,611.224C 513.753,613.483 511.846,615.214 509.802,617.258C 506.906,620.154 504.43,623.172 501.638,625.066C 501.618,622.551 501.669,619.192 501.638,617.258L 472.184,617.258C 475.668,626.822 483.53,633.515 494.718,633.76 Z ">
                    <Path.RenderTransform>
                        <ScaleTransform CenterX="23.7823" CenterY="24.6162" ScaleX="1" ScaleY="1"></ScaleTransform>
                    </Path.RenderTransform>
                </Path>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>
<!--/ROUNDED HANDLES  -->

我的问题是: - 我无法访问 FlipHandle 中的路径以在 OnApplyTemplate 中修改其 ScaleTransform。

Path arrowPath = this.GetTemplateChild("Path_FlipHandle") as Path;
-> arrowPath 始终为空。

另一方面,我可以访问“内容”内容演示者: ContentPresenter content = this.GetTemplateChild("content") as ContentPresenter; -> 以上工作。

请指教。 谢谢。

【问题讨论】:

    标签: silverlight templates controls


    【解决方案1】:

    如果路径不是模板的一部分,则无法使用 GetTemplateChild 访问路径。您可以将其作为模板的一部分,也可以在翻转手柄上定义一些视觉状态并使用 GoToState 方法。

    【讨论】:

    • 在 FlipHanle 类中使用 VisualState 的好主意。非常感谢您的回答!
    猜你喜欢
    • 2015-05-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多