Feature/led

AtomUI.Labs.slnx

@@ -1,4 +1,6 @@
 <Solution>
+  <Project Path="src/AtomUI.Labs.Controls.Led/AtomUI.Labs.Controls.Led.csproj" />
+  <Project Path="tests/AtomUI.Labs.Controls.Led.Tests/AtomUI.Labs.Controls.Led.Tests.csproj" />
   <Project Path="controlgallery/AtomUILabsGallery/AtomUILabsGallery.csproj" />
   <Project Path="controlgallery/AtomUILabsGallery.Desktop/AtomUILabsGallery.Desktop.csproj" />
 </Solution>

Directory.Build.props

@@ -3,12 +3,11 @@
         <Nullable>enable</Nullable>
         <ImplicitUsings>enable</ImplicitUsings>
         <LangVersion>latest</LangVersion>
-        <RestoreAdditionalProjectSources>$(RestoreAdditionalProjectSources);$(MSBuildThisFileDirectory)../AtomUI.Base/output/Nuget/Release</RestoreAdditionalProjectSources>
+        <RestoreAdditionalProjectSources Condition="Exists('$(MSBuildThisFileDirectory)../AtomUI.Base/output/Nuget/Release')">$(RestoreAdditionalProjectSources);$(MSBuildThisFileDirectory)../AtomUI.Base/output/Nuget/Release</RestoreAdditionalProjectSources>
     </PropertyGroup>
 
     <Import Project="$(MSBuildThisFileDirectory)/build/Version.props"/>
     <Import Project="$(MSBuildThisFileDirectory)/build/Common.props"/>
     <Import Project="$(MSBuildThisFileDirectory)/build/PackageMetaInfo.props"/>
     <Import Project="$(MSBuildThisFileDirectory)/build/Output.props"/>
 </Project>
-

Directory.Packages.props

@@ -4,13 +4,15 @@
     </PropertyGroup>
 
     <ItemGroup>
+        <PackageVersion Include="AtomUI.Core" Version="$(AtomUIVersion)"/>
         <PackageVersion Include="AtomUI.Desktop.Controls" Version="$(AtomUIVersion)"/>
         <PackageVersion Include="AtomUI.Toolkits.GalleryBase" Version="$(AtomUIVersion)"/>
         <PackageVersion Include="AtomUI.Generator" Version="$(AtomUIVersion)"/>
 
         <PackageVersion Include="Avalonia" Version="$(AvaloniaVersion)"/>
         <PackageVersion Include="Avalonia.Desktop" Version="$(AvaloniaVersion)"/>
         <PackageVersion Include="Avalonia.Headless" Version="$(AvaloniaVersion)"/>
+        <PackageVersion Include="Avalonia.Skia" Version="$(AvaloniaVersion)"/>
         <PackageVersion Include="AvaloniaUI.DiagnosticsSupport" Version="2.2.1"/>
         <PackageVersion Include="ReactiveUI.Avalonia" Version="12.0.3"/>
 

README.md

@@ -27,6 +27,12 @@ Labs package names follow this pattern:
 dotnet add package AtomUI.Labs.Controls.<ControlName>
 ```
 
+For example, install the currently implemented LED family with:
+
+```bash
+dotnet add package AtomUI.Labs.Controls.Led
+```
+
 Use a Labs package version that matches your AtomUI package version.
 
 ## Common Commands
@@ -45,6 +51,8 @@ Package artifacts are written to `output/Nuget/<Configuration>`.
 
 - [Engineering overview](docs/engineering/overview.md)
 - [Build and packaging](docs/architecture/build-and-packaging.md)
+- [Experimental controls](docs/controls/overview.md)
+- [LED control family](docs/controls/led/overview.md)
 - [Global engineering guidelines](docs/global-engineering-guidelines.md)
 
 ## Status

README.zh-CN.md

@@ -27,6 +27,12 @@ Labs 包名遵循以下格式：
 dotnet add package AtomUI.Labs.Controls.<ControlName>
 ```
 
+例如，安装当前已经实现的 LED 控件家族：
+
+```bash
+dotnet add package AtomUI.Labs.Controls.Led
+```
+
 Labs 包版本应与应用使用的 AtomUI 主包版本保持一致。
 
 ## 常用命令
@@ -45,6 +51,8 @@ git diff --check
 
 - [工程规范总览](docs/engineering/overview.md)
 - [构建、打包与发布](docs/architecture/build-and-packaging.md)
+- [实验控件文档](docs/controls/overview.md)
+- [LED 控件家族](docs/controls/led/overview.md)
 - [全局工程规范](docs/global-engineering-guidelines.md)
 
 ## 状态说明

controlgallery/AtomUILabsGallery/AtomUILabsGallery.csproj

@@ -6,6 +6,10 @@
         <AssemblyName>AtomUILabsGallery</AssemblyName>
     </PropertyGroup>
 
+    <ItemGroup>
+        <InternalsVisibleTo Include="AtomUI.Labs.Controls.Led.Tests" />
+    </ItemGroup>
+
     <ItemGroup>
         <AssemblyMetadata Include="AtomUIVersion" Value="$(AtomUIVersion)"/>
         <AssemblyMetadata Include="AtomUILabsVersion" Value="$(AtomUILabsVersion)"/>
@@ -16,6 +20,7 @@
     </ItemGroup>
 
     <ItemGroup>
+        <ProjectReference Include="../../src/AtomUI.Labs.Controls.Led/AtomUI.Labs.Controls.Led.csproj"/>
         <PackageReference Include="Avalonia"/>
         <PackageReference Include="AtomUI.Desktop.Controls"/>
         <PackageReference Include="AtomUI.Toolkits.GalleryBase"/>

controlgallery/AtomUILabsGallery/AtomUILabsGalleryModule.cs

@@ -4,6 +4,7 @@
 using AtomUI.Toolkits.GalleryBase.Configuration;
 using AtomUI.Toolkits.GalleryBase.Routing;
 using AtomUILabsGallery.ShowCases;
+using AtomUILabsGallery.ShowCases.Led;
 using Avalonia.Controls;
 using ReactiveUI;
 
@@ -51,13 +52,15 @@ private static void ConfigureNavigation(AtomUI.Toolkits.GalleryBase.Navigation.G
         navigation.AddPage(OverviewViewModel.ID, "Overview", Icon(AntDesignIconKind.HomeOutlined));
 
         var labs = navigation.AddGroup("Labs", "Labs Controls", Icon(AntDesignIconKind.AppstoreOutlined));
-        labs.AddPage(BlankViewModel.ID, "Blank Showcase", Icon(AntDesignIconKind.ExperimentOutlined));
+        labs.AddPage(LedSegmentViewModel.ID, "LED Segment Display", Icon(AntDesignIconKind.FieldNumberOutlined));
+        labs.AddPage(LedMatrixViewModel.ID, "LED Matrix Display", Icon(AntDesignIconKind.TableOutlined));
     }
 
     private static void ConfigureRoutes(GalleryRouteRegistry routes)
     {
         routes.Map(OverviewViewModel.ID, screen => new OverviewViewModel(screen), () => new OverviewShowCase());
-        routes.Map(BlankViewModel.ID, screen => new BlankViewModel(screen), () => new BlankShowCase());
+        routes.Map(LedSegmentViewModel.ID, screen => new LedSegmentViewModel(screen), () => new LedSegmentShowCase());
+        routes.Map(LedMatrixViewModel.ID, screen => new LedMatrixViewModel(screen), () => new LedMatrixShowCase());
     }
 
     private static Func<PathIcon> Icon(AntDesignIconKind kind)

controlgallery/AtomUILabsGallery/ShowCases/DataDisplay/Led/ShowCaseControls/LedDynamicDisplays.cs

@@ -0,0 +1,105 @@
+using AtomUI.Labs.Controls.Led.Matrix;
+using AtomUI.Labs.Controls.Led.Segment;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Layout;
+using Avalonia.Media;
+using Avalonia.Threading;
+using Avalonia.VisualTree;
+
+namespace AtomUILabsGallery.ShowCases.Led;
+
+public sealed class LedDynamicDisplays : StackPanel
+{
+    private readonly SegmentDisplay _clockDisplay;
+    private readonly SegmentDisplay _segmentCounterDisplay;
+    private readonly MatrixDisplay _matrixCounterDisplay;
+    private readonly DispatcherTimer _timer;
+    private int _counter;
+
+    public LedDynamicDisplays()
+    {
+        Spacing = 12;
+        _clockDisplay = CreateSegmentDisplay();
+        _segmentCounterDisplay = CreateSegmentDisplay();
+        _matrixCounterDisplay = new MatrixDisplay
+        {
+            DotSize = 7,
+            DotSpacing = 2,
+            CharacterSpacing = 9,
+            Padding = new Thickness(14),
+            Background = new SolidColorBrush(Color.FromRgb(9, 18, 14)),
+            ActiveBrush = new SolidColorBrush(Color.FromRgb(97, 247, 157)),
+            InactiveBrush = new SolidColorBrush(Color.FromArgb(34, 97, 247, 157)),
+            CornerRadius = new CornerRadius(8),
+            HorizontalContentAlignment = HorizontalAlignment.Center,
+            VerticalContentAlignment = VerticalAlignment.Center
+        };
+        Children.Add(_clockDisplay);
+        Children.Add(new Grid
+        {
+            ColumnDefinitions = new ColumnDefinitions("*,*"),
+            ColumnSpacing = 12,
+            Children =
+            {
+                _segmentCounterDisplay,
+                PlaceInSecondColumn(_matrixCounterDisplay)
+            }
+        });
+
+        _timer = new DispatcherTimer { Interval = TimeSpan.FromSeconds(1) };
+        _timer.Tick += HandleTimerTick;
+        AttachedToVisualTree += HandleAttachedToVisualTree;
+        DetachedFromVisualTree += HandleDetachedFromVisualTree;
+        UpdateDisplays();
+    }
+
+    private static SegmentDisplay CreateSegmentDisplay()
+    {
+        return new SegmentDisplay
+        {
+            CharacterHeight = 54,
+            SegmentThickness = 6,
+            SegmentGap = 2,
+            CharacterSpacing = 7,
+            Padding = new Thickness(14),
+            Background = new SolidColorBrush(Color.FromRgb(8, 12, 16)),
+            ActiveBrush = new SolidColorBrush(Color.FromRgb(83, 237, 255)),
+            InactiveBrush = new SolidColorBrush(Color.FromArgb(34, 83, 237, 255)),
+            CornerRadius = new CornerRadius(10),
+            HorizontalContentAlignment = HorizontalAlignment.Center,
+            VerticalContentAlignment = VerticalAlignment.Center
+        };
+    }
+
+    private static Control PlaceInSecondColumn(Control control)
+    {
+        Grid.SetColumn(control, 1);
+        return control;
+    }
+
+    private void HandleAttachedToVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        UpdateDisplays();
+        _timer.Start();
+    }
+
+    private void HandleDetachedFromVisualTree(object? sender, VisualTreeAttachmentEventArgs e)
+    {
+        _timer.Stop();
+    }
+
+    private void HandleTimerTick(object? sender, EventArgs e)
+    {
+        UpdateDisplays();
+    }
+
+    private void UpdateDisplays()
+    {
+        var now = DateTime.Now;
+        _clockDisplay.Text = $"{now:HH}:{now:mm}:{now:ss}";
+        _segmentCounterDisplay.Text = _counter.ToString("D4");
+        _matrixCounterDisplay.Text = _counter.ToString("D6");
+        _counter = (_counter + 1) % 1_000_000;
+    }
+}