test object

Author: LoneWandererProductions

CommonControls/ThumbnailItem.cs

@@ -0,0 +1,33 @@
+using System.ComponentModel;
+using System.Runtime.CompilerServices;
+using System.Windows.Media.Imaging;
+
+namespace CommonControls
+{
+    public class ThumbnailItem : INotifyPropertyChanged
+    {
+        private bool _isSelected;
+        private BitmapSource _imageSource;
+
+        public int Id { get; set; }
+        public string FilePath { get; set; }
+
+        // The actual image to display
+        public BitmapSource ImageSource
+        {
+            get => _imageSource;
+            set { _imageSource = value; OnPropertyChanged(); }
+        }
+
+        // Two-way binding for the CheckBox
+        public bool IsSelected
+        {
+            get => _isSelected;
+            set { _isSelected = value; OnPropertyChanged(); }
+        }
+
+        public event PropertyChangedEventHandler PropertyChanged;
+        private void OnPropertyChanged([CallerMemberName] string name = null)
+            => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
+    }
+}

CommonControls/Thumbnails.xaml

@@ -0,0 +1,64 @@
+<UserControl x:Class="CommonControls.Thumbnails"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800">
+
+    <Grid>
+        <ListBox x:Name="MainList" 
+                 ItemsSource="{Binding ThumbCollection}" 
+                 SelectionMode="Extended"
+                 ScrollViewer.HorizontalScrollBarVisibility="Disabled">
+
+            <ListBox.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <WrapPanel Orientation="Horizontal" IsItemsHost="True" />
+                </ItemsPanelTemplate>
+            </ListBox.ItemsPanel>
+
+            <ListBox.ItemTemplate>
+                <DataTemplate>
+                    <Border BorderThickness="2" CornerRadius="3" Margin="5"
+                            Width="{Binding DataContext.ThumbCellSize, RelativeSource={RelativeSource AncestorType=UserControl}}"
+                            Height="{Binding DataContext.ThumbCellSize, RelativeSource={RelativeSource AncestorType=UserControl}}">
+
+                        <Border.Style>
+                            <Style TargetType="Border">
+                                <Setter Property="BorderBrush" Value="Transparent"/>
+                                <Style.Triggers>
+                                    <DataTrigger Binding="{Binding IsSelected}" Value="True">
+                                        <Setter Property="BorderBrush" Value="Blue"/>
+                                    </DataTrigger>
+                                </Style.Triggers>
+                            </Style>
+                        </Border.Style>
+
+                        <Grid>
+                            <Image Source="{Binding ImageSource}" Stretch="UniformToFill"/>
+
+                            <CheckBox IsChecked="{Binding IsSelected}" 
+                                      HorizontalAlignment="Left" VerticalAlignment="Top" Margin="2"/>
+                        </Grid>
+                    </Border>
+                </DataTemplate>
+            </ListBox.ItemTemplate>
+
+            <ListBox.ItemContainerStyle>
+                <Style TargetType="ListBoxItem">
+                    <Setter Property="Padding" Value="0"/>
+                    <Setter Property="Margin" Value="0"/>
+                    <Setter Property="BorderThickness" Value="0"/>
+                    <Setter Property="Background" Value="Transparent"/>
+                    <Setter Property="Template">
+                        <Setter.Value>
+                            <ControlTemplate TargetType="ListBoxItem">
+                                <ContentPresenter />
+                            </ControlTemplate>
+                        </Setter.Value>
+                    </Setter>
+                </Style>
+            </ListBox.ItemContainerStyle>
+        </ListBox>
+    </Grid>
+</UserControl>

CommonControls/Thumbnails.xaml.cs

@@ -0,0 +1,94 @@
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.IO;
+using System.Linq;
+using System.Threading;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Media.Imaging;
+
+namespace CommonControls
+{
+    public partial class Thumbnails : UserControl
+    {
+        // ObservableCollection automatically notifies the UI when items are added/removed
+        public ObservableCollection<ThumbnailItem> ThumbCollection { get; set; } = new();
+
+        public static readonly DependencyProperty ThumbCellSizeProperty =
+            DependencyProperty.Register(nameof(ThumbCellSize), typeof(double), typeof(Thumbnails), new PropertyMetadata(100.0));
+
+        public double ThumbCellSize
+        {
+            get => (double)GetValue(ThumbCellSizeProperty);
+            set => SetValue(ThumbCellSizeProperty, value);
+        }
+
+        public Thumbnails()
+        {
+            InitializeComponent();
+            // Set the DataContext to this control so XAML can bind to ThumbCollection
+            DataContext = this;
+        }
+
+        public async Task LoadImages(Dictionary<int, string> sourceList)
+        {
+            ThumbCollection.Clear();
+
+            // Using your optimized loading logic, but slightly cleaner
+            using (var semaphore = new SemaphoreSlim(4))
+            {
+                var tasks = sourceList.Select(async kvp =>
+                {
+                    await semaphore.WaitAsync();
+                    try
+                    {
+                        var img = await LoadImageAsync(kvp.Value);
+                        if (img != null)
+                        {
+                            // Create the Data Item
+                            var item = new ThumbnailItem
+                            {
+                                Id = kvp.Key,
+                                FilePath = kvp.Value,
+                                ImageSource = img
+                            };
+
+                            // Thread-safe add to collection
+                            Application.Current.Dispatcher.Invoke(() => ThumbCollection.Add(item));
+                        }
+                    }
+                    finally
+                    {
+                        semaphore.Release();
+                    }
+                });
+
+                await Task.WhenAll(tasks);
+            }
+        }
+
+        private async Task<BitmapSource> LoadImageAsync(string path)
+        {
+            return await Task.Run(() =>
+            {
+                try
+                {
+                    if (!File.Exists(path)) return null;
+                    var bi = new BitmapImage();
+                    using (var fs = new FileStream(path, FileMode.Open, FileAccess.Read))
+                    {
+                        bi.BeginInit();
+                        bi.StreamSource = fs;
+                        bi.CacheOption = BitmapCacheOption.OnLoad;
+                        bi.DecodePixelWidth = (int)ThumbCellSize; // Decode small to save RAM
+                        bi.EndInit();
+                        bi.Freeze(); // Vital for cross-thread
+                    }
+                    return bi;
+                }
+                catch { return null; }
+            });
+        }
+    }
+}