Добавлен проект UI
This commit is contained in:
@@ -11,12 +11,17 @@ public record ActionDefinition
|
||||
public string Id { get; init; } = Guid.NewGuid().ToString();
|
||||
|
||||
/// <summary>
|
||||
/// Текст кнопки.
|
||||
/// Текст кнопки, отображаемый пользователю.
|
||||
/// </summary>
|
||||
public string Label { get; init; } = "Action";
|
||||
|
||||
/// <summary>
|
||||
/// Группа контекста, к которой привязана кнопка (например, "CodeEditor").
|
||||
/// Код иконки из шрифта Segoe Fluent Icons (например, "\uE102").
|
||||
/// </summary>
|
||||
public string IconKey { get; init; } = "\uE102";
|
||||
|
||||
/// <summary>
|
||||
/// Группа контекста, к которой привязана кнопка (например, "CodeEditor", "Common").
|
||||
/// </summary>
|
||||
public string TargetContext { get; init; } = "Common";
|
||||
|
||||
@@ -26,7 +31,7 @@ public record ActionDefinition
|
||||
public bool IsEnabled { get; set; } = true;
|
||||
|
||||
/// <summary>
|
||||
/// Подсказка (Tooltip).
|
||||
/// Подсказка, отображаемая при наведении (Tooltip).
|
||||
/// </summary>
|
||||
public string Tooltip { get; init; } = string.Empty;
|
||||
}
|
||||
|
||||
49
Lattice.UI/Controls/LatticeContextualToolbar.cs
Normal file
49
Lattice.UI/Controls/LatticeContextualToolbar.cs
Normal file
@@ -0,0 +1,49 @@
|
||||
using Lattice.Core.Models;
|
||||
using Lattice.UI.Primitives; // Для доступа к LatticeIcon
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
|
||||
namespace Lattice.UI.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// Панель инструментов, автоматически фильтрующая команды на основе текущего контекста Core.
|
||||
/// </summary>
|
||||
public class LatticeContextualToolbar : CommandBar
|
||||
{
|
||||
/// <summary>
|
||||
/// Обновляет список команд на основе предоставленных определений и текущего контекста.
|
||||
/// </summary>
|
||||
/// <param name="actions">Полный список доступных действий.</param>
|
||||
/// <param name="currentContext">Строковый идентификатор активного контекста (например, "CodeEditor").</param>
|
||||
public void UpdateItems(IEnumerable<ActionDefinition> actions, string currentContext)
|
||||
{
|
||||
// Очищаем текущие команды
|
||||
PrimaryCommands.Clear();
|
||||
|
||||
if (actions == null) return;
|
||||
|
||||
foreach (var action in actions)
|
||||
{
|
||||
// Логика 2026: показываем Common (общие), Global или специфичные для контекста команды
|
||||
if (action.TargetContext == "Common" ||
|
||||
action.TargetContext == "Global" ||
|
||||
action.TargetContext == currentContext)
|
||||
{
|
||||
var button = new AppBarButton
|
||||
{
|
||||
Label = action.Label,
|
||||
// Используем наш хелпер LatticeIcon для создания иконки из шрифта Segoe Fluent Icons
|
||||
Icon = LatticeIcon.GetIcon(action.IconKey),
|
||||
IsEnabled = action.IsEnabled
|
||||
};
|
||||
|
||||
// Добавляем всплывающую подсказку (Tooltip)
|
||||
if (!string.IsNullOrEmpty(action.Tooltip))
|
||||
{
|
||||
ToolTipService.SetToolTip(button, action.Tooltip);
|
||||
}
|
||||
|
||||
PrimaryCommands.Add(button);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
106
Lattice.UI/Controls/LatticeDockHost.cs
Normal file
106
Lattice.UI/Controls/LatticeDockHost.cs
Normal file
@@ -0,0 +1,106 @@
|
||||
using Lattice.Core.Abstractions;
|
||||
using Lattice.Core.Models;
|
||||
using Lattice.UI.Primitives;
|
||||
using Microsoft.UI.Xaml;
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
|
||||
namespace Lattice.UI.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// Корневой контрол Lattice, отвечающий за отображение и управление макетом докинга.
|
||||
/// </summary>
|
||||
public class LatticeDockHost : Control
|
||||
{
|
||||
public DockAnchorOverlay? AnchorOverlay => GetTemplateChild("AnchorOverlay") as DockAnchorOverlay;
|
||||
|
||||
/// <summary>
|
||||
/// Определяет свойство зависимости для LayoutManager.
|
||||
/// </summary>
|
||||
public static readonly DependencyProperty ManagerProperty =
|
||||
DependencyProperty.Register(nameof(Manager), typeof(ILayoutService), typeof(LatticeDockHost), new PropertyMetadata(null, OnManagerChanged));
|
||||
|
||||
/// <summary>
|
||||
/// Сервис управления макетом, привязанный к данному хосту.
|
||||
/// </summary>
|
||||
public ILayoutService? Manager
|
||||
{
|
||||
get => (ILayoutService?)GetValue(ManagerProperty);
|
||||
set => SetValue(ManagerProperty, value);
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Указывает конкретный узел, который должен стать корнем для этого хоста.
|
||||
/// Если null — используется Manager.Root.
|
||||
/// </summary>
|
||||
public static readonly DependencyProperty RootNodeProperty =
|
||||
DependencyProperty.Register(nameof(RootNode), typeof(LayoutNode), typeof(LatticeDockHost), new PropertyMetadata(null, OnManagerChanged));
|
||||
|
||||
public LayoutNode? RootNode
|
||||
{
|
||||
get => (LayoutNode?)GetValue(RootNodeProperty);
|
||||
set => SetValue(RootNodeProperty, value);
|
||||
}
|
||||
|
||||
public LatticeDockHost()
|
||||
{
|
||||
this.DefaultStyleKey = typeof(LatticeDockHost);
|
||||
}
|
||||
|
||||
private static void OnManagerChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
|
||||
{
|
||||
if (d is LatticeDockHost host)
|
||||
{
|
||||
// Отписываемся от событий старого менеджера (если он был)
|
||||
if (e.OldValue is ILayoutService oldService)
|
||||
{
|
||||
oldService.LayoutUpdated -= host.OnLayoutUpdated;
|
||||
}
|
||||
|
||||
// Подписываемся на новый менеджер
|
||||
if (e.NewValue is ILayoutService newService)
|
||||
{
|
||||
newService.LayoutUpdated += host.OnLayoutUpdated;
|
||||
host.RebuildUI();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Именованный метод для обработки обновления макета.
|
||||
/// Позволяет корректно отписываться от событий и избегать утечек памяти.
|
||||
/// </summary>
|
||||
private void OnLayoutUpdated(object? sender, EventArgs e)
|
||||
{
|
||||
// WinUI 3 требует обновления UI только из основного потока
|
||||
this.DispatcherQueue.TryEnqueue(() =>
|
||||
{
|
||||
this.RebuildUI();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/// <summary>
|
||||
/// Полностью перестраивает визуальное дерево на основе текущего состояния Core-движка.
|
||||
/// </summary>
|
||||
private void RebuildUI()
|
||||
{
|
||||
if (this.GetTemplateChild("LayoutPresenter") is ContentPresenter presenter)
|
||||
{
|
||||
// Приоритет: сначала проверяем локальный RootNode, затем глобальный Manager.Root
|
||||
var effectiveRoot = RootNode ?? Manager?.Root;
|
||||
|
||||
if (effectiveRoot != null)
|
||||
{
|
||||
var rootPanel = new LayoutPanel(this);
|
||||
rootPanel.Build(effectiveRoot);
|
||||
presenter.Content = rootPanel;
|
||||
}
|
||||
else
|
||||
{
|
||||
presenter.Content = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
49
Lattice.UI/Controls/LatticeFloatingWindow.cs
Normal file
49
Lattice.UI/Controls/LatticeFloatingWindow.cs
Normal file
@@ -0,0 +1,49 @@
|
||||
using Lattice.Core.Abstractions;
|
||||
using Lattice.Core.Models;
|
||||
using Microsoft.UI.Windowing;
|
||||
using Microsoft.UI.Xaml;
|
||||
|
||||
namespace Lattice.UI.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// Обеспечивает поддержку выноса панелей в отдельные нативные окна Windows (Floating Windows).
|
||||
/// </summary>
|
||||
public class LatticeFloatingWindowHost
|
||||
{
|
||||
private readonly ILayoutService _manager;
|
||||
|
||||
/// <summary>
|
||||
/// Инициализирует хост плавающих окон.
|
||||
/// </summary>
|
||||
/// <param name="manager">Общий менеджер макета приложения.</param>
|
||||
public LatticeFloatingWindowHost(ILayoutService manager)
|
||||
{
|
||||
_manager = manager;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Создает новое окно Windows для конкретного узла макета.
|
||||
/// </summary>
|
||||
/// <param name="node">Узел (панель), который нужно вынести в отдельное окно.</param>
|
||||
public void CreateFromNode(LayoutNode node)
|
||||
{
|
||||
// Создаем новое окно WinUI 3
|
||||
var newWindow = new Window();
|
||||
|
||||
// Создаем и настраиваем хост докинга для нового окна
|
||||
var host = new LatticeDockHost
|
||||
{
|
||||
Manager = _manager, // Передаем общий менеджер, чтобы дерево было синхронизировано
|
||||
RootNode = node, // Указываем хосту отображать ТОЛЬКО этот узел
|
||||
};
|
||||
|
||||
newWindow.Content = host;
|
||||
|
||||
// Настройка нативного окна через AppWindow
|
||||
AppWindow appWin = newWindow.AppWindow;
|
||||
appWin.Title = node.Name;
|
||||
|
||||
// Показываем окно
|
||||
newWindow.Activate();
|
||||
}
|
||||
}
|
||||
83
Lattice.UI/Controls/LatticePane.cs
Normal file
83
Lattice.UI/Controls/LatticePane.cs
Normal file
@@ -0,0 +1,83 @@
|
||||
using Lattice.Core.Models;
|
||||
using Lattice.UI.DragDrop;
|
||||
using Microsoft.UI.Xaml;
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
|
||||
namespace Lattice.UI.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// Представляет визуальный контейнер для содержимого (панели или документа) в системе Lattice.
|
||||
/// </summary>
|
||||
[TemplatePart(Name = "HeaderPresenter", Type = typeof(FrameworkElement))]
|
||||
[TemplatePart(Name = "ContentPresenter", Type = typeof(ContentPresenter))]
|
||||
[TemplatePart(Name = "PART_CloseButton", Type = typeof(Button))] // Добавлено для ясности
|
||||
public class LatticePane : ContentControl
|
||||
{
|
||||
public static readonly DependencyProperty TitleProperty =
|
||||
DependencyProperty.Register(nameof(Title), typeof(string), typeof(LatticePane), new PropertyMetadata(string.Empty));
|
||||
|
||||
public static readonly DependencyProperty HeaderContentProperty =
|
||||
DependencyProperty.Register(nameof(HeaderContent), typeof(object), typeof(LatticePane), new PropertyMetadata(null));
|
||||
|
||||
/// <summary>
|
||||
/// Событие, возникающее при нажатии на кнопку закрытия в шаблоне.
|
||||
/// </summary>
|
||||
public event RoutedEventHandler? CloseClick;
|
||||
|
||||
public string Title
|
||||
{
|
||||
get => (string)GetValue(TitleProperty);
|
||||
set => SetValue(TitleProperty, value);
|
||||
}
|
||||
|
||||
public object HeaderContent
|
||||
{
|
||||
get => GetValue(HeaderContentProperty);
|
||||
set => SetValue(HeaderContentProperty, value);
|
||||
}
|
||||
|
||||
public LatticePane()
|
||||
{
|
||||
this.DefaultStyleKey = typeof(LatticePane);
|
||||
}
|
||||
|
||||
protected override void OnApplyTemplate()
|
||||
{
|
||||
base.OnApplyTemplate();
|
||||
|
||||
// Логика кнопки закрытия
|
||||
if (GetTemplateChild("PART_CloseButton") is Button closeButton)
|
||||
{
|
||||
closeButton.Click -= OnCloseButtonClick; // Защита от двойной подписки
|
||||
closeButton.Click += OnCloseButtonClick;
|
||||
}
|
||||
|
||||
// Логика перетаскивания (Drag-and-Drop)
|
||||
if (GetTemplateChild("HeaderPresenter") is FrameworkElement header)
|
||||
{
|
||||
this.Loaded += (s, e) =>
|
||||
{
|
||||
var host = FindParentHost(this);
|
||||
if (host != null && this.DataContext is LayoutNode node)
|
||||
{
|
||||
var handler = new DockTabHandler(host);
|
||||
handler.Attach(header, node);
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
private void OnCloseButtonClick(object sender, RoutedEventArgs e)
|
||||
{
|
||||
CloseClick?.Invoke(this, e);
|
||||
}
|
||||
|
||||
private LatticeDockHost? FindParentHost(DependencyObject child)
|
||||
{
|
||||
var parent = Microsoft.UI.Xaml.Media.VisualTreeHelper.GetParent(child);
|
||||
if (parent == null) return null;
|
||||
|
||||
if (parent is LatticeDockHost host) return host;
|
||||
return FindParentHost(parent);
|
||||
}
|
||||
}
|
||||
99
Lattice.UI/Controls/LatticeSplitter.cs
Normal file
99
Lattice.UI/Controls/LatticeSplitter.cs
Normal file
@@ -0,0 +1,99 @@
|
||||
using Lattice.Core.Models;
|
||||
using Lattice.Core.Models.Enums;
|
||||
using Microsoft.UI.Xaml;
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
using Microsoft.UI.Xaml.Controls.Primitives;
|
||||
using Microsoft.UI.Xaml.Media;
|
||||
|
||||
namespace Lattice.UI.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// Разделитель между панелями Lattice, позволяющий динамически изменять их размеры.
|
||||
/// </summary>
|
||||
[TemplatePart(Name = "PART_Thumb", Type = typeof(Thumb))]
|
||||
public class LatticeSplitter : Control
|
||||
{
|
||||
private Thumb? _thumb;
|
||||
|
||||
/// <summary>
|
||||
/// Узел макета, находящийся слева или сверху от разделителя.
|
||||
/// </summary>
|
||||
public LayoutNode? LeftNode { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// Узел макета, находящийся справа или снизу от разделителя.
|
||||
/// </summary>
|
||||
public LayoutNode? RightNode { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// Ориентация разделителя, определяющая направление изменения размера.
|
||||
/// </summary>
|
||||
public SplitOrientation Orientation { get; set; }
|
||||
|
||||
public LatticeSplitter()
|
||||
{
|
||||
this.DefaultStyleKey = typeof(LatticeSplitter);
|
||||
}
|
||||
|
||||
protected override void OnApplyTemplate()
|
||||
{
|
||||
base.OnApplyTemplate();
|
||||
|
||||
if (_thumb != null) _thumb.DragDelta -= OnThumbDragDelta;
|
||||
_thumb = GetTemplateChild("PART_Thumb") as Thumb;
|
||||
if (_thumb != null) _thumb.DragDelta += OnThumbDragDelta;
|
||||
}
|
||||
|
||||
private void OnThumbDragDelta(object sender, DragDeltaEventArgs e)
|
||||
{
|
||||
if (LeftNode == null || RightNode == null) return;
|
||||
|
||||
// В WinUI 3 (2026) для изменения пропорций Star-размеров
|
||||
// мы корректируем WidthValue/HeightValue и уведомляем менеджер.
|
||||
|
||||
double sensitivity = 0.01; // Коэффициент чувствительности для плавности
|
||||
|
||||
if (Orientation == SplitOrientation.Horizontal)
|
||||
{
|
||||
double delta = e.HorizontalChange * sensitivity;
|
||||
LeftNode.WidthValue += delta;
|
||||
RightNode.WidthValue -= delta;
|
||||
|
||||
// Ограничения минимального размера (10% от доступного пространства)
|
||||
if (LeftNode.WidthValue < 0.1) { RightNode.WidthValue += (LeftNode.WidthValue - 0.1); LeftNode.WidthValue = 0.1; }
|
||||
if (RightNode.WidthValue < 0.1) { LeftNode.WidthValue += (RightNode.WidthValue - 0.1); RightNode.WidthValue = 0.1; }
|
||||
}
|
||||
else // Vertical
|
||||
{
|
||||
double delta = e.VerticalChange * sensitivity;
|
||||
LeftNode.HeightValue += delta;
|
||||
RightNode.HeightValue -= delta;
|
||||
|
||||
if (LeftNode.HeightValue < 0.1) { RightNode.HeightValue += (LeftNode.HeightValue - 0.1); LeftNode.HeightValue = 0.1; }
|
||||
if (RightNode.HeightValue < 0.1) { LeftNode.HeightValue += (RightNode.HeightValue - 0.1); RightNode.HeightValue = 0.1; }
|
||||
}
|
||||
|
||||
// Уведомляем систему об изменении макета через родительский хост
|
||||
NotifyLayoutUpdated();
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Находит хост и вызывает обновление визуального дерева.
|
||||
/// </summary>
|
||||
private void NotifyLayoutUpdated()
|
||||
{
|
||||
DependencyObject parent = VisualTreeHelper.GetParent(this);
|
||||
while (parent != null)
|
||||
{
|
||||
if (parent is LatticeDockHost host)
|
||||
{
|
||||
// Вызываем метод перерисовки (в Core это может быть событие LayoutUpdated)
|
||||
// В нашем случае это заставит LayoutPanel пересчитать Column/Row Definitions
|
||||
host.Manager?.Dock(null!, null!, DockDirection.Center); // Фиктивный вызов для обновления
|
||||
// Или если есть прямой доступ: host.Manager.InvokeLayoutUpdated();
|
||||
break;
|
||||
}
|
||||
parent = VisualTreeHelper.GetParent(parent);
|
||||
}
|
||||
}
|
||||
}
|
||||
43
Lattice.UI/Controls/LatticeTabStrip.cs
Normal file
43
Lattice.UI/Controls/LatticeTabStrip.cs
Normal file
@@ -0,0 +1,43 @@
|
||||
using Lattice.Core.Abstractions;
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
|
||||
namespace Lattice.UI.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// Расширенный TabView для центральной области Lattice.
|
||||
/// </summary>
|
||||
public class LatticeTabStrip : TabView
|
||||
{
|
||||
private IContextService? _contextService;
|
||||
|
||||
public LatticeTabStrip()
|
||||
{
|
||||
this.TabCloseRequested += (s, e) =>
|
||||
{
|
||||
// Логика удаления вкладки из коллекции
|
||||
this.TabItems.Remove(e.Tab);
|
||||
|
||||
// Если вкладок не осталось, сбрасываем контекст
|
||||
if (this.TabItems.Count == 0)
|
||||
{
|
||||
_contextService?.SetContext("Common");
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
public void Initialize(IContextService contextService)
|
||||
{
|
||||
_contextService = contextService;
|
||||
this.SelectionChanged += OnSelectionChanged;
|
||||
}
|
||||
|
||||
private void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
|
||||
{
|
||||
if (this.SelectedItem is IDockableComponent component)
|
||||
{
|
||||
// Уведомляем ядро о смене контекста для обновления кнопок
|
||||
_contextService?.SetContext(component.ContextGroup);
|
||||
}
|
||||
}
|
||||
}
|
||||
145
Lattice.UI/DragDrop/DockTabHandler.cs
Normal file
145
Lattice.UI/DragDrop/DockTabHandler.cs
Normal file
@@ -0,0 +1,145 @@
|
||||
using Lattice.Core.Models;
|
||||
using Lattice.Core.Models.Enums;
|
||||
using Lattice.UI.Controls;
|
||||
using Lattice.UI.Services;
|
||||
using Microsoft.UI.Xaml;
|
||||
using Microsoft.UI.Xaml.Media;
|
||||
using Windows.Foundation;
|
||||
|
||||
namespace Lattice.UI.DragDrop;
|
||||
|
||||
/// <summary>
|
||||
/// Обработчик перетаскивания панелей и вкладок для системы Lattice.
|
||||
/// </summary>
|
||||
public class DockTabHandler
|
||||
{
|
||||
private bool _isDragging;
|
||||
private readonly LatticeDockHost _host;
|
||||
|
||||
// Состояние текущей операции перетаскивания
|
||||
private LayoutNode? _sourceNode;
|
||||
private LayoutNode? _targetNode;
|
||||
private DockDirection _currentSide;
|
||||
|
||||
public DockTabHandler(LatticeDockHost host)
|
||||
{
|
||||
_host = host;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Привязывает логику перетаскивания к визуальному элементу (заголовку панели).
|
||||
/// </summary>
|
||||
/// <param name="header">Элемент, за который пользователь "хватает" панель.</param>
|
||||
/// <param name="node">Узел макета, связанный с этой панелью.</param>
|
||||
public void Attach(FrameworkElement header, LayoutNode node)
|
||||
{
|
||||
header.PointerPressed += (s, e) =>
|
||||
{
|
||||
_isDragging = true;
|
||||
_sourceNode = node;
|
||||
header.CapturePointer(e.Pointer);
|
||||
|
||||
if (_host.AnchorOverlay != null)
|
||||
_host.AnchorOverlay.Visibility = Visibility.Visible;
|
||||
};
|
||||
|
||||
header.PointerMoved += (s, e) =>
|
||||
{
|
||||
if (!_isDragging) return;
|
||||
|
||||
// Получаем позицию курсора относительно всего хоста
|
||||
Point pointerPos = e.GetCurrentPoint(_host).Position;
|
||||
UpdateOverlayPosition(pointerPos);
|
||||
};
|
||||
|
||||
header.PointerReleased += (s, e) =>
|
||||
{
|
||||
if (!_isDragging) return;
|
||||
|
||||
_isDragging = false;
|
||||
header.ReleasePointerCapture(e.Pointer);
|
||||
CompleteDocking();
|
||||
};
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Обновляет положение визуальных подсказок и рассчитывает зоны сброса.
|
||||
/// </summary>
|
||||
private void UpdateOverlayPosition(Point pointerPosition)
|
||||
{
|
||||
var overlay = _host.AnchorOverlay;
|
||||
if (overlay == null) return;
|
||||
|
||||
// 1. Позиционируем "ромб" с кнопками докинга
|
||||
overlay.PositionAnchors(pointerPosition);
|
||||
|
||||
// 2. Хит-тестинг: ищем LatticePane под курсором (исключая саму перетаскиваемую панель)
|
||||
var elements = VisualTreeHelper.FindElementsInHostCoordinates(pointerPosition, _host);
|
||||
var targetPane = elements.OfType<LatticePane>()
|
||||
.FirstOrDefault(p => (p.DataContext as LayoutNode)?.Id != _sourceNode?.Id);
|
||||
|
||||
if (targetPane != null && targetPane.DataContext is LayoutNode targetNode)
|
||||
{
|
||||
_targetNode = targetNode;
|
||||
|
||||
// 3. Расчет локальной позиции для определения стороны
|
||||
var transform = targetPane.TransformToVisual(_host);
|
||||
Point localPoint = transform.Inverse.TransformPoint(pointerPosition);
|
||||
|
||||
// 4. Определяем сторону через сервис
|
||||
_currentSide = VisualTreeService.GetHitZone(targetPane, localPoint);
|
||||
|
||||
// 5. Показываем синее превью зоны сброса
|
||||
Rect previewRect = CalculatePreviewRect(targetPane, _currentSide);
|
||||
Rect globalPreviewRect = transform.TransformBounds(previewRect);
|
||||
|
||||
overlay.ShowPreview(globalPreviewRect);
|
||||
}
|
||||
else
|
||||
{
|
||||
_targetNode = null;
|
||||
overlay.HidePreview();
|
||||
}
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Рассчитывает прямоугольник предпросмотра на основе выбранной стороны.
|
||||
/// </summary>
|
||||
private Rect CalculatePreviewRect(FrameworkElement pane, DockDirection side)
|
||||
{
|
||||
double w = pane.ActualWidth;
|
||||
double h = pane.ActualHeight;
|
||||
|
||||
return side switch
|
||||
{
|
||||
DockDirection.Left => new Rect(0, 0, w / 2, h),
|
||||
DockDirection.Right => new Rect(w / 2, 0, w / 2, h),
|
||||
DockDirection.Top => new Rect(0, 0, w, h / 2),
|
||||
DockDirection.Bottom => new Rect(0, h / 2, w, h / 2),
|
||||
_ => new Rect(0, 0, w, h) // Center
|
||||
};
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Завершает операцию докинга, передавая данные в Core Engine.
|
||||
/// </summary>
|
||||
private void CompleteDocking()
|
||||
{
|
||||
if (_sourceNode != null && _targetNode != null && _host.Manager != null)
|
||||
{
|
||||
// Вызываем логику перестроения дерева в Lattice.Core
|
||||
_host.Manager.Dock(_sourceNode, _targetNode, _currentSide);
|
||||
}
|
||||
|
||||
// Очистка UI
|
||||
var overlay = _host.AnchorOverlay;
|
||||
if (overlay != null)
|
||||
{
|
||||
overlay.Visibility = Visibility.Collapsed;
|
||||
overlay.HidePreview();
|
||||
}
|
||||
|
||||
_sourceNode = null;
|
||||
_targetNode = null;
|
||||
}
|
||||
}
|
||||
73
Lattice.UI/Lattice.UI.csproj
Normal file
73
Lattice.UI/Lattice.UI.csproj
Normal file
@@ -0,0 +1,73 @@
|
||||
<Project Sdk="Microsoft.NET.Sdk">
|
||||
<PropertyGroup>
|
||||
<TargetFrameworks>net8.0-windows10.0.19041.0;net9.0-windows10.0.19041.0;net10.0-windows10.0.19041.0</TargetFrameworks>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
<Nullable>enable</Nullable>
|
||||
<AssemblyName>Lattice.UI</AssemblyName>
|
||||
<RootNamespace>Lattice.UI</RootNamespace>
|
||||
|
||||
<Authors>FrigaT</Authors>
|
||||
<Company>FrigaT</Company>
|
||||
<RepositoryUrl>https://git.frigat.duckdns.org/FrigaT/Lattice</RepositoryUrl>
|
||||
<PackageProjectUrl>https://git.frigat.duckdns.org/FrigaT/Lattice</PackageProjectUrl>
|
||||
|
||||
<UseWinUI>true</UseWinUI>
|
||||
<IsTrimmable>false</IsTrimmable>
|
||||
<LangVersion>latest</LangVersion>
|
||||
</PropertyGroup>
|
||||
<ItemGroup>
|
||||
<None Remove="Themes\Generic.xaml" />
|
||||
<None Remove="Themes\Styles\DockAnchorOverlay.xaml" />
|
||||
<None Remove="Themes\Styles\LatticeDockHost.xaml" />
|
||||
<None Remove="Themes\Styles\LatticePane.xaml" />
|
||||
<None Remove="Themes\Styles\LatticeSplitter.xaml" />
|
||||
<None Remove="Themes\Styles\SharedResources.xaml" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.26100.7175" />
|
||||
<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.8.251106002" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<ProjectReference Include="..\Lattice.Core\Lattice.Core.csproj" />
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Page Update="Themes\Styles\SharedResources.xaml">
|
||||
<Generator>MSBuild:Compile</Generator>
|
||||
</Page>
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Page Update="Themes\Styles\DockAnchorOverlay.xaml">
|
||||
<Generator>MSBuild:Compile</Generator>
|
||||
</Page>
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Page Update="Themes\Styles\LatticeSplitter.xaml">
|
||||
<Generator>MSBuild:Compile</Generator>
|
||||
</Page>
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Page Update="Themes\Styles\LatticeDockHost.xaml">
|
||||
<Generator>MSBuild:Compile</Generator>
|
||||
</Page>
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Page Update="Themes\Generic.xaml">
|
||||
<Generator>MSBuild:Compile</Generator>
|
||||
</Page>
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<Page Update="Themes\Styles\LatticePane.xaml">
|
||||
<Generator>MSBuild:Compile</Generator>
|
||||
</Page>
|
||||
</ItemGroup>
|
||||
|
||||
|
||||
</Project>
|
||||
71
Lattice.UI/Primitives/DockAnchorOverlay.cs
Normal file
71
Lattice.UI/Primitives/DockAnchorOverlay.cs
Normal file
@@ -0,0 +1,71 @@
|
||||
using Microsoft.UI.Xaml;
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
using Microsoft.UI.Xaml.Shapes;
|
||||
|
||||
namespace Lattice.UI.Primitives;
|
||||
|
||||
/// <summary>
|
||||
/// Визуальный оверлей, отображающий зоны приземления (Drop Zones) и якоря докинга.
|
||||
/// </summary>
|
||||
[TemplatePart(Name = "OverlayCanvas", Type = typeof(Canvas))]
|
||||
[TemplatePart(Name = "DropPreview", Type = typeof(Rectangle))]
|
||||
[TemplatePart(Name = "AnchorGroup", Type = typeof(Grid))]
|
||||
public class DockAnchorOverlay : Control
|
||||
{
|
||||
private Canvas? _overlayCanvas;
|
||||
private Rectangle? _dropPreview;
|
||||
private Grid? _anchorGroup;
|
||||
|
||||
public DockAnchorOverlay()
|
||||
{
|
||||
// Привязываем стиль из Generic.xaml
|
||||
this.DefaultStyleKey = typeof(DockAnchorOverlay);
|
||||
|
||||
// По умолчанию скрыт, показывается только во время Drag-and-Drop
|
||||
this.Visibility = Visibility.Collapsed;
|
||||
}
|
||||
|
||||
protected override void OnApplyTemplate()
|
||||
{
|
||||
base.OnApplyTemplate();
|
||||
|
||||
_overlayCanvas = GetTemplateChild("OverlayCanvas") as Canvas;
|
||||
_dropPreview = GetTemplateChild("DropPreview") as Rectangle;
|
||||
_anchorGroup = GetTemplateChild("AnchorGroup") as Grid;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Отображает превью будущей зоны закрепления.
|
||||
/// </summary>
|
||||
/// <param name="rect">Координаты и размер зоны.</param>
|
||||
public void ShowPreview(Windows.Foundation.Rect rect)
|
||||
{
|
||||
if (_dropPreview == null) return;
|
||||
|
||||
_dropPreview.Visibility = Visibility.Visible;
|
||||
Canvas.SetLeft(_dropPreview, rect.X);
|
||||
Canvas.SetTop(_dropPreview, rect.Y);
|
||||
_dropPreview.Width = rect.Width;
|
||||
_dropPreview.Height = rect.Height;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Скрывает превью зоны.
|
||||
/// </summary>
|
||||
public void HidePreview()
|
||||
{
|
||||
if (_dropPreview != null)
|
||||
_dropPreview.Visibility = Visibility.Collapsed;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Центрирует группу якорей (ромб) относительно указанной точки.
|
||||
/// </summary>
|
||||
public void PositionAnchors(Windows.Foundation.Point centerPoint)
|
||||
{
|
||||
if (_anchorGroup == null) return;
|
||||
|
||||
Canvas.SetLeft(_anchorGroup, centerPoint.X - (_anchorGroup.Width / 2));
|
||||
Canvas.SetTop(_anchorGroup, centerPoint.Y - (_anchorGroup.Height / 2));
|
||||
}
|
||||
}
|
||||
16
Lattice.UI/Primitives/LatticeIcon.cs
Normal file
16
Lattice.UI/Primitives/LatticeIcon.cs
Normal file
@@ -0,0 +1,16 @@
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
using Microsoft.UI.Xaml.Media;
|
||||
|
||||
namespace Lattice.UI.Primitives;
|
||||
|
||||
/// <summary>
|
||||
/// Утилита для быстрого получения иконок в стиле Fluent UI 2.
|
||||
/// </summary>
|
||||
public static class LatticeIcon
|
||||
{
|
||||
public static FontIcon GetIcon(string glyph) => new FontIcon
|
||||
{
|
||||
Glyph = glyph,
|
||||
FontFamily = new FontFamily("Segoe Fluent Icons")
|
||||
};
|
||||
}
|
||||
121
Lattice.UI/Primitives/LayoutPanel.cs
Normal file
121
Lattice.UI/Primitives/LayoutPanel.cs
Normal file
@@ -0,0 +1,121 @@
|
||||
using Lattice.Core.Models;
|
||||
using Lattice.Core.Models.Enums;
|
||||
using Lattice.UI.Controls;
|
||||
using Microsoft.UI.Xaml;
|
||||
using Microsoft.UI.Xaml.Controls;
|
||||
|
||||
namespace Lattice.UI.Primitives;
|
||||
|
||||
/// <summary>
|
||||
/// Кастомный контейнер, преобразующий иерархию узлов Lattice в визуальные элементы WinUI 3.
|
||||
/// </summary>
|
||||
public class LayoutPanel : Grid
|
||||
{
|
||||
private readonly LatticeDockHost _host;
|
||||
|
||||
/// <summary>
|
||||
/// Создает новый экземпляр панели компоновки.
|
||||
/// </summary>
|
||||
/// <param name="host">Корневой хост, управляющий макетом.</param>
|
||||
public LayoutPanel(LatticeDockHost host)
|
||||
{
|
||||
_host = host;
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// Выполняет рекурсивную отрисовку дерева узлов.
|
||||
/// </summary>
|
||||
public void Build(LayoutNode node)
|
||||
{
|
||||
this.Children.Clear();
|
||||
this.ColumnDefinitions.Clear();
|
||||
this.RowDefinitions.Clear();
|
||||
|
||||
if (node is SplitContainerNode splitContainer)
|
||||
{
|
||||
RenderSplit(splitContainer);
|
||||
}
|
||||
else if (node is ContentNode contentNode)
|
||||
{
|
||||
RenderContent(contentNode);
|
||||
}
|
||||
}
|
||||
|
||||
private void RenderSplit(SplitContainerNode container)
|
||||
{
|
||||
for (int i = 0; i < container.Children.Count; i++)
|
||||
{
|
||||
var child = container.Children[i];
|
||||
var childPresenter = new LayoutPanel(_host);
|
||||
|
||||
if (container.Orientation == SplitOrientation.Horizontal)
|
||||
{
|
||||
this.ColumnDefinitions.Add(new ColumnDefinition
|
||||
{
|
||||
Width = child.IsWidthStar ? new GridLength(child.WidthValue, GridUnitType.Star) : new GridLength(child.WidthValue)
|
||||
});
|
||||
Grid.SetColumn(childPresenter, this.ColumnDefinitions.Count - 1);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.RowDefinitions.Add(new RowDefinition
|
||||
{
|
||||
Height = child.IsHeightStar ? new GridLength(child.HeightValue, GridUnitType.Star) : new GridLength(child.HeightValue)
|
||||
});
|
||||
Grid.SetRow(childPresenter, this.RowDefinitions.Count - 1);
|
||||
}
|
||||
|
||||
this.Children.Add(childPresenter);
|
||||
childPresenter.Build(child);
|
||||
|
||||
// Добавляем сплиттер между элементами (кроме последнего)
|
||||
if (i < container.Children.Count - 1)
|
||||
{
|
||||
AddSplitter(container, i);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private void AddSplitter(SplitContainerNode container, int index)
|
||||
{
|
||||
var splitter = new LatticeSplitter
|
||||
{
|
||||
LeftNode = container.Children[index],
|
||||
RightNode = container.Children[index + 1],
|
||||
Orientation = container.Orientation,
|
||||
};
|
||||
|
||||
double thickness = (double)Application.Current.Resources["LatticeSplitterThickness"];
|
||||
|
||||
if (container.Orientation == SplitOrientation.Horizontal)
|
||||
{
|
||||
// Сплиттер занимает очень узкую колонку между основными
|
||||
this.ColumnDefinitions.Add(new ColumnDefinition { Width = new GridLength(thickness) });
|
||||
Grid.SetColumn(splitter, this.ColumnDefinitions.Count - 1);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.RowDefinitions.Add(new RowDefinition { Height = new GridLength(thickness) });
|
||||
Grid.SetRow(splitter, this.RowDefinitions.Count - 1);
|
||||
}
|
||||
|
||||
this.Children.Add(splitter);
|
||||
}
|
||||
|
||||
private void RenderContent(ContentNode node)
|
||||
{
|
||||
var pane = new LatticePane
|
||||
{
|
||||
Title = node.Name,
|
||||
Content = node.Component,
|
||||
DataContext = node,
|
||||
};
|
||||
|
||||
pane.CloseClick += (s, e) =>
|
||||
{
|
||||
_host.Manager?.Remove(node);
|
||||
};
|
||||
|
||||
this.Children.Add(pane);
|
||||
}
|
||||
}
|
||||
56
Lattice.UI/README.md
Normal file
56
Lattice.UI/README.md
Normal file
@@ -0,0 +1,56 @@
|
||||
# Lattice.UI
|
||||
|
||||
[](#)
|
||||
[](git.frigat.duckdns.org)
|
||||
[](#)
|
||||
|
||||
**Lattice.UI** — это библиотека нативных элементов управления WinUI 3, реализующая сложную систему докинга и управления окнами в стиле Visual Studio 2026. Она визуализирует абстрактное дерево компоновки из `Lattice.Core` и обеспечивает плавное взаимодействие пользователя с интерфейсом.
|
||||
|
||||
## ✨ Основные компоненты
|
||||
|
||||
- **LatticeDockHost**: Корневой оркестратор, управляющий слоями контента и визуальными подсказками докинга.
|
||||
- **LatticePane**: Универсальный контейнер для панелей и документов с поддержкой заголовков, контекстных кнопок и закрытия.
|
||||
- **LatticeSplitter**: Тонкий интерактивный разделитель для динамического изменения размеров областей.
|
||||
- **DockAnchorOverlay**: Система визуальных подсказок («ромб» докинга) и превью зон сброса (Drop Zones).
|
||||
- **LatticeContextualToolbar**: Адаптивная панель инструментов, автоматически меняющая набор кнопок при смене фокуса между вкладками.
|
||||
|
||||
## 🛠 Технологии
|
||||
|
||||
- **Windows App SDK 1.8+**: Использование последних достижений WinUI 3.
|
||||
- **Fluent UI 2**: Дизайн, полностью соответствующий стандартам Windows 11 (Mica Alt, закругления 4-8px, Segoe Fluent Icons).
|
||||
- **Design Tokens**: Полная темизация через систему ресурсов (`SharedResources.xaml`).
|
||||
|
||||
## 📦 Установка и настройка
|
||||
|
||||
1. Добавьте ссылку на проект `Lattice.UI` в ваше решение.
|
||||
2. В файле `App.xaml` вашего приложения подключите стили библиотеки:
|
||||
|
||||
```xml
|
||||
<Application.Resources>
|
||||
<ResourceDictionary>
|
||||
<ResourceDictionary.MergedDictionaries>
|
||||
<ResourceDictionary Source="ms-appx:///Lattice.UI/Themes/Generic.xaml" />
|
||||
</ResourceDictionary.MergedDictionaries>
|
||||
</ResourceDictionary>
|
||||
</Application.Resources>
|
||||
```
|
||||
|
||||
### 🚀 Быстрый старт (XAML)
|
||||
```
|
||||
<Window
|
||||
xmlns:lattice="using:Lattice.UI.Controls">
|
||||
|
||||
<lattice:LatticeDockHost x:Name="MainHost"
|
||||
Manager="{x:Bind ViewModel.LayoutManager}" />
|
||||
</Window>
|
||||
```
|
||||
|
||||
### 📐 Математика докинга
|
||||
- Библиотека использует алгоритм «Конверта» для расчета зон приземления:
|
||||
- Центр: Объединение в группу вкладок.
|
||||
- Края (L/R/T/B): Разделение текущей области на две части в соответствующей ориентации.
|
||||
|
||||
### 🔗 Ссылки
|
||||
- Core Engine: Lattice.Core
|
||||
- Репозиторий: git.frigat.duckdns.org
|
||||
- Разработчик: FrigaT
|
||||
52
Lattice.UI/Services/VisualTreeService.cs
Normal file
52
Lattice.UI/Services/VisualTreeService.cs
Normal file
@@ -0,0 +1,52 @@
|
||||
using Lattice.Core.Models.Enums;
|
||||
using Microsoft.UI.Xaml;
|
||||
using Windows.Foundation;
|
||||
|
||||
namespace Lattice.UI.Services;
|
||||
|
||||
/// <summary>
|
||||
/// Сервис для анализа визуального дерева и расчета зон взаимодействия.
|
||||
/// </summary>
|
||||
public static class VisualTreeService
|
||||
{
|
||||
/// <summary>
|
||||
/// Определяет зону докинга на основе позиции курсора относительно элемента.
|
||||
/// </summary>
|
||||
/// <param name="element">Визуальный элемент (панель), над которым находится курсор.</param>
|
||||
/// <param name="relativePoint">Координаты курсора относительно левого верхнего угла элемента.</param>
|
||||
/// <returns>Направление докинга (DockDirection).</returns>
|
||||
public static DockDirection GetHitZone(FrameworkElement element, Point relativePoint)
|
||||
{
|
||||
double w = element.ActualWidth;
|
||||
double h = element.ActualHeight;
|
||||
|
||||
// 1. Зона центра (обычно это 40% центральной области)
|
||||
// Если курсор в центре, вкладка просто добавится в текущий TabView.
|
||||
double centerX = w * 0.3;
|
||||
double centerY = h * 0.3;
|
||||
Rect centerRect = new Rect(centerX, centerY, w * 0.4, h * 0.4);
|
||||
|
||||
if (centerRect.Contains(relativePoint))
|
||||
{
|
||||
return DockDirection.Center;
|
||||
}
|
||||
|
||||
// 2. Расчет по диагоналям для боковых зон
|
||||
// Представьте конверт: линии из углов в центр. Это самый точный способ
|
||||
// определения стороны в стиле Visual Studio.
|
||||
|
||||
// Нормализуем координаты в диапазон от 0 до 1
|
||||
double nx = relativePoint.X / w;
|
||||
double ny = relativePoint.Y / h;
|
||||
|
||||
// Уравнения диагоналей: y = x и y = 1 - x
|
||||
bool isAbovePrimary = ny < nx;
|
||||
bool isAboveSecondary = ny < (1 - nx);
|
||||
|
||||
if (isAbovePrimary && isAboveSecondary) return DockDirection.Top;
|
||||
if (isAbovePrimary && !isAboveSecondary) return DockDirection.Right;
|
||||
if (!isAbovePrimary && isAboveSecondary) return DockDirection.Left;
|
||||
|
||||
return DockDirection.Bottom;
|
||||
}
|
||||
}
|
||||
16
Lattice.UI/Themes/Generic.xaml
Normal file
16
Lattice.UI/Themes/Generic.xaml
Normal file
@@ -0,0 +1,16 @@
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:Lattice.UI.Controls">
|
||||
|
||||
<ResourceDictionary.MergedDictionaries>
|
||||
<ResourceDictionary Source="ms-appx:///Lattice.UI/Themes/Styles/SharedResources.xaml" />
|
||||
|
||||
<!-- Порядок важен: сначала базовые ресурсы, потом стили контролов -->
|
||||
<ResourceDictionary Source="ms-appx:///Lattice.UI/Themes/Styles/LatticeDockHost.xaml" />
|
||||
<ResourceDictionary Source="ms-appx:///Lattice.UI/Themes/Styles/LatticePane.xaml" />
|
||||
<ResourceDictionary Source="ms-appx:///Lattice.UI/Themes/Styles/LatticeSplitter.xaml" />
|
||||
<ResourceDictionary Source="ms-appx:///Lattice.UI/Themes/Styles/DockAnchorOverlay.xaml" />
|
||||
</ResourceDictionary.MergedDictionaries>
|
||||
|
||||
</ResourceDictionary>
|
||||
40
Lattice.UI/Themes/Styles/DockAnchorOverlay.xaml
Normal file
40
Lattice.UI/Themes/Styles/DockAnchorOverlay.xaml
Normal file
@@ -0,0 +1,40 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:Lattice.UI.Primitives">
|
||||
|
||||
<Style TargetType="local:DockAnchorOverlay">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="local:DockAnchorOverlay">
|
||||
<Canvas x:Name="OverlayCanvas" Background="Transparent">
|
||||
<!-- Центральный "ромб" с кнопками направлений -->
|
||||
<Grid x:Name="AnchorGroup" Width="120" Height="120">
|
||||
<!-- Используем Acrylic или Mica Alt для стиля 2026 -->
|
||||
<Rectangle Fill="{ThemeResource SystemControlAcrylicElementBrush}"
|
||||
RadiusX="4" RadiusY="4" Opacity="0.8"/>
|
||||
|
||||
<!-- Кнопки-иконки (Left, Right, Top, Bottom, Center) -->
|
||||
<FontIcon Glyph="" VerticalAlignment="Top"/>
|
||||
<!-- Top -->
|
||||
<FontIcon Glyph="" HorizontalAlignment="Left"/>
|
||||
<!-- Left -->
|
||||
<FontIcon Glyph="" HorizontalAlignment="Right"/>
|
||||
<!-- Right -->
|
||||
<FontIcon Glyph="" VerticalAlignment="Bottom"/>
|
||||
<!-- Bottom -->
|
||||
<FontIcon Glyph="" HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||||
<!-- Center -->
|
||||
</Grid>
|
||||
|
||||
<!-- Превью зоны (синий полупрозрачный прямоугольник) -->
|
||||
<Rectangle x:Name="DropPreview" Fill="{ThemeResource SystemAccentColorLight3}"
|
||||
Opacity="0.4" Visibility="Collapsed"/>
|
||||
</Canvas>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
</ResourceDictionary>
|
||||
33
Lattice.UI/Themes/Styles/LatticeDockHost.xaml
Normal file
33
Lattice.UI/Themes/Styles/LatticeDockHost.xaml
Normal file
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:Lattice.UI.Controls"
|
||||
xmlns:primitives="using:Lattice.UI.Primitives">
|
||||
|
||||
<Style TargetType="local:LatticeDockHost">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="local:LatticeDockHost">
|
||||
<!-- Используем Grid, чтобы наложить оверлей ПОВЕРХ контента -->
|
||||
<Grid x:Name="RootGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
|
||||
|
||||
<!-- 1. Основной слой: Сюда программно рендерятся панели через LayoutPanel -->
|
||||
<ContentPresenter x:Name="LayoutPresenter"
|
||||
HorizontalContentAlignment="Stretch"
|
||||
VerticalContentAlignment="Stretch" />
|
||||
|
||||
<!-- 2. Слой подсказок: Должен быть ниже в списке, чтобы быть выше визуально -->
|
||||
<!-- Обязательно x:Name="AnchorOverlay", так как C# ищет его по этому имени -->
|
||||
<primitives:DockAnchorOverlay x:Name="AnchorOverlay"
|
||||
Visibility="Collapsed"
|
||||
HorizontalAlignment="Stretch"
|
||||
VerticalAlignment="Stretch"
|
||||
IsHitTestVisible="False" />
|
||||
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</ResourceDictionary>
|
||||
70
Lattice.UI/Themes/Styles/LatticePane.xaml
Normal file
70
Lattice.UI/Themes/Styles/LatticePane.xaml
Normal file
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:Lattice.UI.Controls">
|
||||
|
||||
<Style TargetType="local:LatticePane">
|
||||
<!-- Используем StaticResource, так как эти токены определены в нашем SharedResources -->
|
||||
<Setter Property="Background" Value="{StaticResource LatticePaneBackground}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource LatticePaneBorderBrush}" />
|
||||
<Setter Property="BorderThickness" Value="{StaticResource LatticePaneMargin}" />
|
||||
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="local:LatticePane">
|
||||
<Grid Background="{TemplateBinding Background}"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
CornerRadius="{StaticResource LatticePaneCornerRadius}">
|
||||
<Grid.RowDefinitions>
|
||||
<!-- Используем токен высоты заголовка -->
|
||||
<RowDefinition Height="Auto" MinHeight="{StaticResource LatticePaneHeaderHeight}" />
|
||||
<RowDefinition Height="*" />
|
||||
</Grid.RowDefinitions>
|
||||
|
||||
<!-- Заголовок панели -->
|
||||
<Grid x:Name="HeaderPresenter"
|
||||
Background="{StaticResource LatticePaneHeaderBackground}"
|
||||
Padding="8,0">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*" />
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<TextBlock Text="{TemplateBinding Title}"
|
||||
VerticalAlignment="Center"
|
||||
Style="{ThemeResource CaptionTextBlockStyle}"
|
||||
MaxLines="1"
|
||||
TextTrimming="CharacterEllipsis"/>
|
||||
|
||||
<StackPanel Orientation="Horizontal" Grid.Column="1" VerticalAlignment="Center">
|
||||
<!-- Кастомный контент (кнопки пользователя) -->
|
||||
<ContentPresenter Content="{TemplateBinding HeaderContent}" />
|
||||
|
||||
<!-- Стандартная кнопка закрытия -->
|
||||
<!-- Используем стандартный стиль WinUI "отсутствие рамки", чтобы она выглядела как в VS -->
|
||||
<Button x:Name="PART_CloseButton"
|
||||
Content=""
|
||||
FontFamily="Segoe Fluent Icons"
|
||||
FontSize="10"
|
||||
Padding="8,4"
|
||||
Background="Transparent"
|
||||
BorderThickness="0"
|
||||
Style="{StaticResource DefaultButtonStyle}" />
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
|
||||
<!-- Основной контент -->
|
||||
<ContentPresenter Grid.Row="1"
|
||||
Content="{TemplateBinding Content}"
|
||||
ContentTemplate="{TemplateBinding ContentTemplate}"
|
||||
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
</ResourceDictionary>
|
||||
30
Lattice.UI/Themes/Styles/LatticeSplitter.xaml
Normal file
30
Lattice.UI/Themes/Styles/LatticeSplitter.xaml
Normal file
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:local="using:Lattice.UI.Controls">
|
||||
|
||||
<Style TargetType="local:LatticeSplitter">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="local:LatticeSplitter">
|
||||
<Grid Background="{TemplateBinding Background}">
|
||||
<!-- PART_Thumb — это невидимая или тонкая область, которую тянет пользователь -->
|
||||
<Thumb x:Name="PART_Thumb">
|
||||
<Thumb.Template>
|
||||
<ControlTemplate TargetType="Thumb">
|
||||
<Grid Background="Transparent">
|
||||
<!-- Визуальная линия разделителя -->
|
||||
<Rectangle Fill="{ThemeResource SystemControlForegroundBaseLowBrush}"
|
||||
MinWidth="1" MinHeight="1" HorizontalAlignment="Center"/>
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Thumb.Template>
|
||||
</Thumb>
|
||||
</Grid>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</ResourceDictionary>
|
||||
26
Lattice.UI/Themes/Styles/SharedResources.xaml
Normal file
26
Lattice.UI/Themes/Styles/SharedResources.xaml
Normal file
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<ResourceDictionary
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
>
|
||||
|
||||
<!-- Размеры (Tokens) -->
|
||||
<x:Double x:Key="LatticeSplitterThickness">4.0</x:Double>
|
||||
<x:Double x:Key="LatticePaneHeaderHeight">32.0</x:Double>
|
||||
<CornerRadius x:Key="LatticePaneCornerRadius">4</CornerRadius>
|
||||
<Thickness x:Key="LatticePaneMargin">1</Thickness>
|
||||
|
||||
<!-- Акцентный цвет (статичный токен) -->
|
||||
<SolidColorBrush x:Key="LatticeActiveHeaderBrush" Color="{ThemeResource SystemAccentColor}"/>
|
||||
|
||||
<!-- Правильная привязка системных кистей для поддержки смены тем (Dark/Light) -->
|
||||
<ResourceDictionary.ThemeDictionaries>
|
||||
<ResourceDictionary x:Key="Default">
|
||||
<StaticResource x:Key="LatticePaneBackground" ResourceKey="LayerFillColorDefaultBrush"/>
|
||||
<StaticResource x:Key="LatticePaneBorderBrush" ResourceKey="CardStrokeColorDefaultBrush"/>
|
||||
<StaticResource x:Key="LatticePaneHeaderBackground" ResourceKey="LayerOnSecondaryFillColorDefaultBrush"/>
|
||||
</ResourceDictionary>
|
||||
<!-- Можно добавить специфические правки для HighContrast, если нужно -->
|
||||
</ResourceDictionary.ThemeDictionaries>
|
||||
|
||||
</ResourceDictionary>
|
||||
@@ -1,3 +1,4 @@
|
||||
<Solution>
|
||||
<Project Path="../../../../../../../../Job/Projects/FrigaT/Lattice/Lattice.Core/Lattice.Core.csproj" />
|
||||
<Project Path="Lattice.Core/Lattice.Core.csproj" />
|
||||
<Project Path="Lattice.UI/Lattice.UI.csproj" Id="931bdfd9-8cf2-479a-895e-65facdb0a7ce" />
|
||||
</Solution>
|
||||
|
||||
Reference in New Issue
Block a user