WIP Replacing MarqueeText with Marquee using ContentPresenters and ContentControl base class

Author: Avid29

ReadMe.md

@@ -28,7 +28,7 @@ Otherwise, you can clone the repo, open the `components` directory, navigate wit
 - [DataTable](https://github.com/CommunityToolkit/Labs-Windows/blob/main/components/DataTable/samples/DataTable.md)
 - [Extensions.DependencyInjection](https://github.com/CommunityToolkit/Labs-Windows/tree/main/components/Extensions.DependencyInjection)
 - [MarkdownTextBlock](https://github.com/CommunityToolkit/Labs-Windows/blob/main/components/MarkdownTextBlock/samples/MarkdownTextBlock.md)
-- [MarqueeText](https://github.com/CommunityToolkit/Labs-Windows/blob/main/components/MarqueeText/samples/MarqueeText.md)
+- [Marquee](https://github.com/CommunityToolkit/Labs-Windows/blob/main/components/Marquee/samples/Marquee.md)
 - [Notifications](https://github.com/CommunityToolkit/Labs-Windows/tree/main/components/Notifications)
 - [Ribbon](https://github.com/CommunityToolkit/Labs-Windows/blob/main/components/Ribbon/samples/Ribbon.md)
 - [RivePlayer](https://github.com/CommunityToolkit/Labs-Windows/blob/main/components/RivePlayer/samples/RivePlayer.md)

components/MarqueeText/OpenSolution.bat renamed to components/Marquee/OpenSolution.bat

@@ -0,0 +1,46 @@
+---
+title: Marquee
+author: Avid29
+description: A control for scrolling content in a marquee fashion.
+keywords: Marquee, Control
+dev_langs:
+  - csharp
+category: Controls
+subcategory: StatusAndInfo
+experimental: true
+discussion-id: 231 
+issue-id: 0
+icon: Assets/Marquee.png
+---
+
+The Marquee control allows text or other content to scroll in a marquee fashion. The control is heavily templated and many changes can be made by modifying the style. The control can also be adjusted using the Speed, Behavior, RepeatBehavior, and Direction properties.
+
+## Speed
+
+The speed property determines how quickly the content moves in pixels per second. The speed can be adjusted mid-animation and handled continously.
+
+## Behavior
+
+The Marquee control has 3 behaviors
+
+### Ticker
+
+Ticker mode starts with all content off the screen then scrolls the content across across the screen. When the animation finishes in the mode no content will be on screen.
+
+### Looping
+
+Looping mode will begin with the start of the content fully in frame then scroll towards the end. When the end is reached it will loop back to the start of the content. Nothing will happen if the content fits in frame.
+
+### Bouncing
+
+Looping mode will begin with the start of the content fully in frame then scroll towards the end. When the end is reached it will bounce and scroll backwards to the start of the content. Nothing will happen if the content fits in frame.
+
+## RepeatBehavior
+
+The repeat behavior determines how many times the marquee will loop before the animation finishes. It can be a number of iteration, a duration, or forever.
+
+## Direction
+
+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.
+
+> [!Sample MarqueeSample]

components/MarqueeText/samples/Assets/MarqueeText.png renamed to components/Marquee/samples/Assets/Marquee.png

@@ -0,0 +1,24 @@
+<!--  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.MarqueeSample"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="MarqueeExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d">
+
+    <StackPanel Padding="16">
+        <controls:Marquee Behavior="{x:Bind ConvertStringToMarqueeBehavior(MQBehavior), Mode=OneWay}"
+                              Direction="{x:Bind ConvertStringToMarqueeDirection(MQDirection), Mode=OneWay}"
+                              FontSize="18"
+                              RepeatBehavior="Forever"
+                              Speed="{x:Bind MQSpeed, Mode=OneWay}">
+            <controls:Marquee.ContentTemplate>
+                <DataTemplate>
+                    <Button Content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
+                </DataTemplate>
+            </controls:Marquee.ContentTemplate>
+        </controls:Marquee>
+    </StackPanel>
+</Page>

components/MarqueeText/samples/Dependencies.props renamed to components/Marquee/samples/Dependencies.props

@@ -4,8 +4,9 @@
 
 using CommunityToolkit.WinUI.Controls;
 
-namespace MarqueeTextExperiment.Samples;
-[ToolkitSample(id: nameof(MarqueeTextSample), "MarqueeText", description: "A control for scrolling text in a marquee fashion.")]
+namespace MarqueeExperiment.Samples;
+
+[ToolkitSample(id: nameof(MarqueeSample), "Marquee", description: "A control for scrolling content in a marquee fashion.")]
 [ToolkitSampleNumericOption("MQSpeed", initial: 96, min: 48, max: 196, step: 1, Title = "Speed")]
 [ToolkitSampleMultiChoiceOption("MQDirection", "Left", "Right", "Up", "Down", Title = "Marquee Direction")]
 //[ToolkitSampleMultiChoiceOption("MarqueeRepeat", "Repeat", "Forever", "1x", "2x")]
@@ -14,9 +15,9 @@ namespace MarqueeTextExperiment.Samples;
 #else
 [ToolkitSampleMultiChoiceOption("MQBehavior", "Ticker", "Looping", Title = "Marquee Behavior")]
 #endif
-public sealed partial class MarqueeTextSample : Page
+public sealed partial class MarqueeSample : Page
 {
-    public MarqueeTextSample()
+    public MarqueeSample()
     {
         this.InitializeComponent();
     }

components/Marquee/samples/Marquee.md

@@ -0,0 +1,10 @@
+<Project>
+  <Import Project="$([MSBuild]::GetPathOfFileAbove(Directory.Build.props))" Condition="Exists('$([MSBuild]::GetPathOfFileAbove(Directory.Build.props))')" />
+  <PropertyGroup>
+    <ToolkitComponentName>Marquee</ToolkitComponentName>
+  </PropertyGroup>
+
+  <!-- Sets this up as a toolkit component's sample project -->
+  <Import Project="$(ToolingDirectory)\ToolkitComponent.SampleProject.props" />
+  
+</Project>

components/Marquee/samples/MarqueeSample.xaml

@@ -1,17 +1,13 @@
 <Project>
   <Import Project="$([MSBuild]::GetPathOfFileAbove(Directory.Build.props))" Condition="Exists('$([MSBuild]::GetPathOfFileAbove(Directory.Build.props))')" />
   <PropertyGroup>
-    <ToolkitComponentName>MarqueeText</ToolkitComponentName>
-    <Description>This package contains MarqueeText.</Description>
+    <ToolkitComponentName>Marquee</ToolkitComponentName>
+    <Description>This package contains Marquee.</Description>
 
     <!-- Rns suffix is required for namespaces shared across projects. See https://github.com/CommunityToolkit/Labs-Windows/issues/152 -->
-    <RootNamespace>CommunityToolkit.WinUI.Controls.MarqueeTextRns</RootNamespace>
+    <RootNamespace>CommunityToolkit.WinUI.Controls.MarqueeRns</RootNamespace>
   </PropertyGroup>
 
-  <ItemGroup>
-    <UpToDateCheckInput Remove="MarqueeText.xaml" />
-  </ItemGroup>
-
   <!-- Sets this up as a toolkit component's source project -->
   <Import Project="$(ToolingDirectory)\ToolkitComponent.SourceProject.props" />