Allan.Blog()

//构造中加Loaded事件
Loaded+=new RoutedEventHandler(Page_Loaded);
 
//Loaded Event handler
void Page_Loaded(object sender, RoutedEventArgs e)
        {
            Debug.WriteLine("Loaded Event:"+this.ActualWidth);
 
            Thread thread = new Thread(new ThreadStart(() =>
            {
                this.Dispatcher.BeginInvoke(new Action(() =>
                {
                    Debug.WriteLine("Thread Start After Loaded Event:" + ActualWidth);
                }));
 
            }));
 
            thread.Start();       
        }

Loaded Event:0
Thread Start After Loaded Event:400

public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            (new Thread(new ThreadStart(() => { Dispatcher.BeginInvoke(UILoaded); }))).Start();
        }
 
 
        void UILoaded()
        {
            Debug.WriteLine("UILoaded:" + ActualWidth);
        }
}

    public class WeatherControl : Control
    {
 
 
        public WeatherControl()
        {
            DefaultStyleKey = typeof(WeatherControl);
        }
 
        // OnApplyTemplate()
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();
        }
 
        // Temperature DP
        public static readonly DependencyProperty TemperatureProperty = DependencyProperty.Register("Condition", typeof(Condition), typeof(WeatherControl), null);
        public string Temperature
        {
 
            get { /*…*/ }
            set { /*…*/ }
        }
 
 
        // Condition DP 
        public static readonly DependencyProperty ConditionProperty = DependencyProperty.Register("Condition", typeof(Condition), typeof(WeatherControl), new PropertyMetadata(new PropertyChangedCallback(WeatherControl.OnConditionPropertyChanged)));
        public Condition Condition
        {
            get {  /*…*/ }
            set { /*…*/ }
        }
 
        // ConditionDescription DP 
        public static readonly DependencyProperty ConditionDescriptionProperty = DependencyProperty.Register("ConditionDescription", typeof(string), typeof(WeatherControl), null);
        public string ConditionDescription
        {
            get {  /*…*/ }
            set { /*…*/}
        }
 
        // Property change notification  
        private static void OnConditionPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            WeatherControl weather = d as WeatherControl;
            //…  
            weather.OnWeatherChange(null);
        }
 
        // OnWeatherChange virtual  
        protected virtual void OnWeatherChange(RoutedEventArgs e)
        { }
 
    }

[TemplatePart(Name="Core", Type=typeof(FrameworkElement))]
 
[TemplateVisualState(Name="Normal", GroupName="CommonStates")]
[TemplateVisualState(Name="MouseOver", GroupName="CommonStates")]
[TemplateVisualState(Name="Pressed", GroupName="CommonStates")]
 
[TemplateVisualState(Name="Sunny", GroupName="WeatherStates")]
[TemplateVisualState(Name="PartlyCloudy", GroupName="WeatherStates")]
[TemplateVisualState(Name="Cloudy", GroupName="WeatherStates")]
[TemplateVisualState(Name="Rainy", GroupName="WeatherStates")]
public class WeatherControl : Control 
{
     …  
}

      // OnApplyTemplate   
        public override void OnApplyTemplate()   
        {  
            base.OnApplyTemplate(); 
 
            CorePart = (FrameworkElement)GetTemplateChild("Core");  
        }   
        // private CorePart property  
        private FrameworkElement CorePart  
        {  
            get  
            {  
                return corePart; 
            }  
 
            set  
            {  
                FrameworkElement oldCorePart = corePart; 
 
                if (oldCorePart != null) 
                { 
                    oldCorePart.MouseEnter -= new MouseEventHandler(corePart_MouseEnter); 
                    oldCorePart.MouseLeave -= new MouseEventHandler(corePart_MouseLeave);  
                    oldCorePart.MouseLeftButtonDown -= new MouseButtonEventHandler(corePart_MouseLeftButtonDown);  
                    oldCorePart.MouseLeftButtonUp -= new MouseButtonEventHandler(corePart_MouseLeftButtonUp); 
                }  
 
                corePart = value; 
 
                if (corePart != null) 
                {  
                    corePart.MouseEnter += new MouseEventHandler(corePart_MouseEnter);  
                    corePart.MouseLeave += new MouseEventHandler(corePart_MouseLeave); 
                    corePart.MouseLeftButtonDown += new MouseButtonEventHandler(corePart_MouseLeftButtonDown); 
                    corePart.MouseLeftButtonUp += new MouseButtonEventHandler(corePart_MouseLeftButtonUp); 
                } 
            }  
        }

 // GoToState() helper 
        private void GoToState(bool useTransitions)  
        {  
            //  Go to states in NormalStates state group 
            if (isPressed)   
            {   
                VisualStateManager.GoToState(this, "Pressed", useTransitions);  
            }  
            else if (isMouseOver) 
            {  
                VisualStateManager.GoToState(this, "MouseOver", useTransitions); 
            }  
            else 
            {  
                VisualStateManager.GoToState(this, "Normal", useTransitions);                 
            } 
 
            //  Go to states in WeatherStates state group  
            if (Condition ==  Condition.PartlyCloudy)  
            { 
                VisualStateManager.GoToState(this, "PartlyCloudy", useTransitions); 
            } 
            else if (Condition == Condition.Sunny) 
            { 
                VisualStateManager.GoToState(this, "Sunny", useTransitions); 
            } 
            else if (Condition == Condition.Cloudy) 
            { 
                VisualStateManager.GoToState(this, "Cloudy", useTransitions); 
            }  
            else  
            {  
                VisualStateManager.GoToState(this, "Rainy", useTransitions); 
            }  
        }

// OnApplyTemplate 
        public override void OnApplyTemplate() 
        {  
            base.OnApplyTemplate(); 
 
            CorePart = (FrameworkElement)GetTemplateChild("Core");  
 
            GoToState(false);   
        }  
 
        // Property Change Notifications  
        protected virtual void OnWeatherChange(RoutedEventArgs e)  
        {  
            GoToState(true);         
        } 
 
        // Event Handlers 
        void corePart_MouseEnter(object sender, MouseEventArgs e) 
        { 
            isMouseOver = true; 
            GoToState(true); 
        }  
 
        void corePart_MouseLeave(object sender, MouseEventArgs e) 
        {  
            isMouseOver = false; 
            GoToState(true);  
        }  
 
        void corePart_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)  
        { 
            isPressed = true;  
            GoToState(true);
        }  
 
        void corePart_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)  
        {  
            isPressed = false;
            GoToState(true); 
        }

<! – VisualStateManager –> 
 
<vsm:VisualStateManager.VisualStateGroups>
 
    <! – CommonStates StateGroup–>    
    <vsm:VisualStateGroup x:Name="CommonStates">
 
        <! – CommonStates States–> 
        <vsm:VisualState x:Name="Normal"/> 
        <vsm:VisualState x:Name="MouseOver" Storyboard="{StaticResource Glow}"/>         
        <vsm:VisualState x:Name="Pressed" Storyboard="{StaticResource Burn}"/> 
 
        <! – CommonStates Transitions–>         
        <vsm:VisualStateGroup.Transitions>        
            <vsm:VisualTransition Duration="0:0:.6"/>             
            <vsm:VisualTransition To="Pressed" Duration="0:0:.4"/>            
            <vsm:VisualTransition From="Pressed" Duration="0:0:.4"/>             
        </vsm:VisualStateGroup.Transitions>         
    </vsm:VisualStateGroup> 
    <! – WeatherStates StateGroup–> 
    <vsm:VisualStateGroup x:Name="WeatherStates">
        <! – WeatherStates States–>  
        <vsm:VisualState x:Name="Sunny"/> 
        <vsm:VisualState x:Name="PartlyCloudy" Storyboard="{StaticResource PartlyCloudyStoryboard}"/>
        <vsm:VisualState x:Name="Cloudy" Storyboard="{StaticResource CloudyStoryboard}"/>
        <vsm:VisualState x:Name="Rainy" Storyboard="{StaticResource RainyStoryboard}"/>
        <! – WeatherStates Transitions–> 
        <vsm:VisualStateGroup.Transitions>:
            <vsm:VisualTransition Duration="0:0:.3"/> 
        </vsm:VisualStateGroup.Transitions> 
    </vsm:VisualStateGroup>
</vsm:VisualStateManager.VisualStateGroups>

<! – WeatherStates Transitions–> 
<vsm:VisualStateGroup.Transitions>
    <! – Sunny to PartlyCloudy Transition –> 
    <vsm:VisualTransition  From="Sunny" To="PartlyCloudy"  Duration="0:0:.5">
        <Storyboard Duration="0:0:.5">
            <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="BottomCloud"  Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="-150"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0" KeySpline="0.173,0.019,1,0.484"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="BottomCloud" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <SplineDoubleKeyFrame KeySpline="0.173,0.019,1,1" KeyTime="00:00:00.2000000" Value="0.1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="1" KeySpline="0,0,1,0.484"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </vsm:VisualTransition>
    <! – WeatherStates Default Transition –>
    <vsm:VisualTransition Duration="0:0:.3"/> 
</vsm:VisualStateGroup.Transitions>