Add settings page

FluentAutoClicker/App.xaml

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8" ?>
+
 <Application
     x:Class="FluentAutoClicker.App"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:local="using:FluentAutoClicker">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
@@ -14,4 +14,4 @@
             <!--  Other app resources here  -->
         </ResourceDictionary>
     </Application.Resources>
-</Application>
+</Application>

FluentAutoClicker/App.xaml.cs

@@ -25,8 +25,11 @@ namespace FluentAutoClicker;
 /// <summary>
 /// Provides application-specific behavior to supplement the default Application class.
 /// </summary>
-public partial class App : Application
+public partial class App
 {
+    /// <summary>
+    /// The main window of the application.
+    /// </summary>
     public static readonly MainWindow MainWindow = new();
 
     /// <summary>
@@ -42,7 +45,7 @@ public App()
     /// Invoked when the application is launched.
     /// </summary>
     /// <param name="args">Details about the launch request and process.</param>
-    protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args)
+    protected override void OnLaunched(LaunchActivatedEventArgs args)
     {
         MainWindow.Activate();
     }

FluentAutoClicker/Controls/IsEnabledTextBlock/IsEnabledTextBlock.cs

@@ -0,0 +1,89 @@
+// Copyright (C) 2025 Ryan Luu
+//
+// This file is part of Fluent Auto Clicker.
+//
+// Fluent Auto Clicker is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published
+// by the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Fluent Auto Clicker is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with Fluent Auto Clicker. If not, see <https://www.gnu.org/licenses/>.
+
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using System.ComponentModel;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace FluentAutoClicker.Controls;
+
+/// <summary>
+/// A custom control that displays text and changes its visual state based on its enabled state.
+/// </summary>
+[TemplateVisualState(Name = "Normal", GroupName = "CommonStates")]
+[TemplateVisualState(Name = "Disabled", GroupName = "CommonStates")]
+public partial class IsEnabledTextBlock : Control
+{
+    /// <summary>
+    /// Identifies the <see cref="Text" /> dependency property.
+    /// </summary>
+    public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
+        "Text",
+        typeof(string),
+        typeof(IsEnabledTextBlock),
+        null);
+
+    /// <summary>
+    /// Initializes a new instance of the <see cref="IsEnabledTextBlock" /> class.
+    /// </summary>
+    public IsEnabledTextBlock()
+    {
+        DefaultStyleKey = typeof(IsEnabledTextBlock);
+    }
+
+    /// <summary>
+    /// Gets or sets the text content of the control.
+    /// </summary>
+    [Localizable(true)]
+    public string Text
+    {
+        get => (string)GetValue(TextProperty);
+        set => SetValue(TextProperty, value);
+    }
+
+    /// <summary>
+    /// Applies the control template and sets up the initial visual state.
+    /// </summary>
+    protected override void OnApplyTemplate()
+    {
+        IsEnabledChanged -= IsEnabledTextBlock_IsEnabledChanged;
+        SetEnabledState();
+        IsEnabledChanged += IsEnabledTextBlock_IsEnabledChanged;
+        base.OnApplyTemplate();
+    }
+
+    /// <summary>
+    /// Handles the IsEnabledChanged event and updates the visual state.
+    /// </summary>
+    /// <param name="sender">The source of the event.</param>
+    /// <param name="e">The event data.</param>
+    private void IsEnabledTextBlock_IsEnabledChanged(object sender, DependencyPropertyChangedEventArgs e)
+    {
+        SetEnabledState();
+    }
+
+    /// <summary>
+    /// Sets the visual state of the control based on its enabled state.
+    /// </summary>
+    private void SetEnabledState()
+    {
+        _ = VisualStateManager.GoToState(this, IsEnabled ? "Normal" : "Disabled", true);
+    }
+}

FluentAutoClicker/Controls/IsEnabledTextBlock/IsEnabledTextBlock.xaml

@@ -0,0 +1,35 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:FluentAutoClicker.Controls">
+
+    <Style TargetType="local:IsEnabledTextBlock">
+        <Setter Property="Foreground" Value="{ThemeResource DefaultTextForegroundThemeBrush}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:IsEnabledTextBlock">
+                    <Grid>
+                        <TextBlock
+                            x:Name="Label"
+                            FontFamily="{TemplateBinding FontFamily}"
+                            FontSize="{TemplateBinding FontSize}"
+                            FontWeight="{TemplateBinding FontWeight}"
+                            Foreground="{TemplateBinding Foreground}"
+                            Text="{TemplateBinding Text}"
+                            TextWrapping="WrapWholeWords" />
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="CommonStates">
+                                <VisualState x:Name="Normal" />
+                                <VisualState x:Name="Disabled">
+                                    <VisualState.Setters>
+                                        <Setter Target="Label.Foreground" Value="{ThemeResource TextFillColorDisabledBrush}" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+</ResourceDictionary>

FluentAutoClicker/FluentAutoClicker.csproj

@@ -8,6 +8,7 @@
     <ApplicationManifest>app.manifest</ApplicationManifest>
     <Platforms>x86;x64;ARM64</Platforms>
     <RuntimeIdentifiers>win-x86;win-x64;win-arm64</RuntimeIdentifiers>
+    <NoWarn>8305</NoWarn>
     <PublishProfile>win-$(Platform).pubxml</PublishProfile>
     <ImplicitUsings>enable</ImplicitUsings>
     <Nullable>enable</Nullable>
@@ -38,13 +39,14 @@
     <ProjectCapability Include="Msix" />
   </ItemGroup>
   <ItemGroup>
-    <PackageReference Include="Microsoft.Windows.CsWin32" Version="0.3.106">
+    <PackageReference Include="Microsoft.Windows.CsWin32" Version="0.3.183">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
+    <PackageReference Include="CommunityToolkit.WinUI.Controls.SettingsControls" Version="8.2.241112-preview1" />
     <PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.26100.1742" />
-    <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.6.241114003" />
-    <PackageReference Include="WinUIEx" Version="2.5.0" />
+    <PackageReference Include="Microsoft.WindowsAppSDK" Version="1.7.250208002-preview1" />
+    <PackageReference Include="WinUIEx" Version="2.5.1" />
   </ItemGroup>
 
   <!--
@@ -56,11 +58,6 @@
     <HasPackageAndPublishMenu>true</HasPackageAndPublishMenu>
   </PropertyGroup>
 
-  <!-- Disable CsWinRTProjection to stop native AOT warnings -->
-  <PropertyGroup Label="Globals">
-    <WebView2EnableCsWinRTProjection>False</WebView2EnableCsWinRTProjection>
-  </PropertyGroup>
-
   <!-- Publish Properties -->
   <PropertyGroup>
     <PublishAot Condition="'$(Configuration)' == 'Debug'">False</PublishAot>

FluentAutoClicker/Helpers/AutoClicker.cs

@@ -35,7 +35,7 @@ public static class AutoClicker
     /// <param name="millisecondsDelay">The number of milliseconds to wait before clicks.</param>
     /// <param name="clickAmount">The number of clicks before stopping the auto clicker thread.</param>
     /// <param name="mouseButtonType">The mouse button used to click.</param>
-    /// <param name="clickDelayOffset">The amount of time in milliseconds to add randomly to the millisecond delay between clicks.</param>
+    /// <param name="clickDelayOffset">Milliseconds to add randomly to delay between clicks.</param>
     public static void Start(int millisecondsDelay = 100, int clickAmount = 0,
         int mouseButtonType = 0, int clickDelayOffset = 0)
     {
@@ -82,23 +82,26 @@ private static async void AutoClickerThread(int clickInterval, int repeatAmount,
     /// <summary>
     /// Clicks the mouse button.
     /// </summary>
-    /// <param name="button">The mouse button to click.</param>
-    private static void ClickMouse(int button)
+    /// <param name="mouseButton">The mouse button to click.</param>
+    private static void ClickMouse(int mouseButton)
     {
-        if (button == 0) // Left mouse button
+        switch (mouseButton)
         {
-            SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_LEFTDOWN);
-            SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_LEFTUP);
-        }
-        else if (button == 1) // Middle mouse button
-        {
-            SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_MIDDLEDOWN);
-            SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_MIDDLEUP);
-        }
-        else if (button == 2) // Right mouse button
-        {
-            SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_RIGHTDOWN);
-            SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_RIGHTUP);
+            // Left mouse button
+            case 0:
+                SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_LEFTDOWN);
+                SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_LEFTUP);
+                break;
+            // Middle mouse button
+            case 1:
+                SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_MIDDLEDOWN);
+                SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_MIDDLEUP);
+                break;
+            // Right mouse button
+            case 2:
+                SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_RIGHTDOWN);
+                SendMouseInput(MOUSE_EVENT_FLAGS.MOUSEEVENTF_RIGHTUP);
+                break;
         }
     }
 
@@ -119,4 +122,4 @@ private static void SendMouseInput(MOUSE_EVENT_FLAGS dwFlags)
 
         _ = PInvoke.SendInput(inputs, Marshal.SizeOf<INPUT>());
     }
-}
+}

FluentAutoClicker/MainPage.xaml

@@ -1,13 +1,25 @@
 <?xml version="1.0" encoding="utf-8" ?>
+
 <Page
     x:Class="FluentAutoClicker.MainPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
+    xmlns:controls="using:FluentAutoClicker.Controls"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:ui="using:CommunityToolkit.WinUI"
+    NavigationCacheMode="Enabled"
     mc:Ignorable="d">
 
-    <Grid RowSpacing="{StaticResource GridRowSpacing}">
+    <Page.Resources>
+        <x:Double x:Key="NumberBoxColumnSpacing">4</x:Double>
+        <x:Double x:Key="ButtonColumnSpacing">8</x:Double>
+        <x:Double x:Key="GridRowSpacing">8</x:Double>
+        <x:Double x:Key="StackPanelSpacing">8</x:Double>
+    </Page.Resources>
+
+    <Grid Margin="{StaticResource ContentMargin}" RowSpacing="{StaticResource GridRowSpacing}">
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
@@ -20,9 +32,9 @@
         </Grid.ColumnDefinitions>
 
         <!--  Click Interval  -->
-        <StackPanel Grid.ColumnSpan="2" Spacing="{StaticResource StackPanelRowSpacing}">
-            <TextBlock x:Name="ClickIntervalTextBlock" x:Uid="TextBlockClickInterval" />
-            <Grid ColumnSpacing="{StaticResource RadioButtonsColumnSpacing}">
+        <StackPanel Grid.ColumnSpan="2" Spacing="{StaticResource StackPanelSpacing}">
+            <controls:IsEnabledTextBlock x:Name="ClickIntervalTextBlock" x:Uid="TextBlockClickInterval" />
+            <Grid ColumnSpacing="{StaticResource NumberBoxColumnSpacing}">
                 <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="*" />
                     <ColumnDefinition Width="*" />
@@ -82,19 +94,20 @@
             x:Name="MouseButtonTypeComboBox"
             x:Uid="ComboBoxMouseButton"
             Grid.Row="1"
+            Grid.Column="0"
             SelectedIndex="0">
             <ComboBoxItem x:Uid="ComboBoxItemLeft" />
             <ComboBoxItem x:Uid="ComboBoxItemMiddle" />
             <ComboBoxItem x:Uid="ComboBoxItemRight" />
         </ComboBox>
 
         <!--  Hotkey  -->
-        <StackPanel Grid.Row="2" Spacing="{StaticResource StackPanelRowSpacing}">
-            <TextBlock x:Name="HotkeyTextBlock" x:Uid="TextBlockHotkey" />
-            <Button
-                x:Name="HotkeyButton"
-                Content="F6"
-                IsEnabled="False" />
+        <StackPanel
+            Grid.Row="2"
+            Grid.Column="0"
+            Spacing="{StaticResource StackPanelSpacing}">
+            <controls:IsEnabledTextBlock x:Name="HotkeyTextBlock" x:Uid="TextBlockHotkey" />
+            <Button Content="F6" IsEnabled="False" />
         </StackPanel>
 
         <!--  Click Repeat  -->
@@ -135,15 +148,40 @@
                 Value="10" />
         </StackPanel>
 
-        <!--  Start Auto Clicker  -->
-        <ToggleButton
-            x:Name="StartToggleButton"
-            x:Uid="ToggleButtonStart"
+        <Grid
             Grid.Row="3"
+            Grid.Column="0"
             Grid.ColumnSpan="2"
-            HorizontalAlignment="Stretch"
             VerticalAlignment="Bottom"
-            Checked="StartToggleButton_OnChecked"
-            Unchecked="StartToggleButton_OnUnchecked" />
+            ColumnSpacing="{StaticResource ButtonColumnSpacing}">
+
+            <!--  Start Auto Clicker  -->
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+            <ToggleButton
+                x:Name="ToggleButtonStart"
+                x:Uid="ToggleButtonStart"
+                Height="32"
+                HorizontalAlignment="Stretch"
+                Checked="ToggleButtonStart_OnChecked"
+                Unchecked="ToggleButtonStart_OnUnchecked">
+                <FontIcon x:Name="FontIconStart" Glyph="&#xEE4A;" />
+            </ToggleButton>
+
+            <!--  Open Settings  -->
+            <Button
+                x:Uid="ButtonSettings"
+                Grid.Column="1"
+                Height="32"
+                Click="SettingsButton_Click">
+                <AnimatedIcon FallbackIconSource="{ui:FontIconSource Glyph=&#xE713;}">
+                    <AnimatedIcon.Source>
+                        <animatedvisuals:AnimatedSettingsVisualSource />
+                    </AnimatedIcon.Source>
+                </AnimatedIcon>
+            </Button>
+        </Grid>
     </Grid>
 </Page>