Updated sample to include AutoPlay and speed. Also inverted hovering demo to display pausing with hyperlinks.

Author: Avid29

components/Marquee/samples/Marquee.md

@@ -43,6 +43,14 @@ The repeat behavior determines how many times the marquee will loop before the a
 
 The default direction is left, meaning the content will move leftwards, but this can be changed to right, up, or down. Direction changed between left and right or up and down are handled continously, meaning that the animation will resume from its current position if changed between these directions.
 
+## Speed
+
+The speed property determines how quickly the content moves in pixels-per-second. The speed can be adjusted mid-animation and handled continously. Because the speed is in pixels per second the actual time it takes to scroll will depend on the size of the content. The content can also change size dynamically and the speed will remain constant.
+
+## AutoPlay
+
+The AutoPlay property determines if the marquee will start animating when it is loaded, upon on size changes, or when the content changes. If set to false the marquee can be started manually by calling the `StartMarquee` method.
+
 > [!Sample MarqueeTextSample]
 
 ## Non-Text Content

components/Marquee/samples/MarqueeBehaviorSample.xaml

@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="MarqueeExperiment.Samples.MarqueeBehaviorSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -31,23 +31,38 @@
 
         <TextBlock Margin="0,16,0,0"
                    FontWeight="Bold"
-                   Text="This Marquee will loop while hovered and pause when not hovered." />
+                   Text="This Marquee contains hyperlinks and will pause while hovered." />
         <controls:Marquee x:Name="MarqueeControl"
                           Background="Transparent"
                           Behavior="Looping"
-                          Content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                           FontSize="18"
                           RepeatBehavior="Forever"
+                          AutoPlay="True"
                           Speed="96">
+            <controls:Marquee.ContentTemplate>
+                <DataTemplate>
+                    <StackPanel Spacing="4">
+                        <RichTextBlock>
+                            <Paragraph>
+                                <Run Text="Lorem ipsum dolor sit amet, "/>
+                                <Hyperlink>consectetur adipiscing elit</Hyperlink>
+                                <Run Text=", sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "/>
+                                <Hyperlink>Ut enim ad minim veniam</Hyperlink>
+                                <Run Text=", quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
+                            </Paragraph>
+                        </RichTextBlock>
+                    </StackPanel>
+                </DataTemplate>
+            </controls:Marquee.ContentTemplate>
             <interactivity:Interaction.Behaviors>
                 <interactivity:EventTriggerBehavior EventName="PointerEntered"
                                                     SourceObject="{Binding ElementName=MarqueeControl}">
-                    <interactivity:CallMethodAction MethodName="StartMarquee"
+                    <interactivity:CallMethodAction MethodName="PauseMarquee"
                                                     TargetObject="{Binding ElementName=MarqueeControl}" />
                 </interactivity:EventTriggerBehavior>
                 <interactivity:EventTriggerBehavior EventName="PointerExited"
                                                     SourceObject="{Binding ElementName=MarqueeControl}">
-                    <interactivity:CallMethodAction MethodName="PauseMarquee"
+                    <interactivity:CallMethodAction MethodName="StartMarquee"
                                                     TargetObject="{Binding ElementName=MarqueeControl}" />
                 </interactivity:EventTriggerBehavior>
             </interactivity:Interaction.Behaviors>