mirror of
https://github.com/Artemis-RGB/Artemis
synced 2025-12-13 05:48:35 +00:00
252 lines
15 KiB
XML
252 lines
15 KiB
XML
<UserControl x:Class="Artemis.UI.Views.Screens.SurfaceEditorView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:screens="clr-namespace:Artemis.UI.ViewModels.Screens"
|
|
xmlns:s="https://github.com/canton7/Stylet"
|
|
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
|
xmlns:models="clr-namespace:Artemis.Core.Models.Surface;assembly=Artemis.Core"
|
|
mc:Ignorable="d"
|
|
d:DataContext="{d:DesignInstance screens:SurfaceEditorViewModel}"
|
|
d:DesignHeight="600" d:DesignWidth="600">
|
|
<UserControl.Resources>
|
|
<ResourceDictionary>
|
|
<ResourceDictionary.MergedDictionaries>
|
|
<ResourceDictionary
|
|
Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
|
|
<ResourceDictionary
|
|
Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
|
|
</ResourceDictionary.MergedDictionaries>
|
|
</ResourceDictionary>
|
|
</UserControl.Resources>
|
|
<Grid Margin="16">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="300" />
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<TextBlock Grid.Row="0" Grid.Column="0" Style="{StaticResource MaterialDesignDisplay1TextBlock}">Surface layout</TextBlock>
|
|
<TextBlock Grid.Row="1" Grid.Column="0" Style="{StaticResource MaterialDesignCaptionTextBlock}" Margin="0,0,0,5">
|
|
The surface is a digital representation of your LED setup. Set this up accurately and effects will seamlessly move from one device to the other.
|
|
</TextBlock>
|
|
|
|
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth1" Grid.Row="2" Grid.Column="0"
|
|
VerticalAlignment="Stretch" Margin="0,0,5,0">
|
|
<Grid ClipToBounds="True"
|
|
KeyUp="{s:Action EditorGridKeyUp}"
|
|
KeyDown="{s:Action EditorGridKeyDown}"
|
|
MouseWheel="{s:Action EditorGridMouseWheel}"
|
|
MouseUp="{s:Action EditorGridMouseClick}"
|
|
MouseDown="{s:Action EditorGridMouseClick}"
|
|
MouseMove="{s:Action EditorGridMouseMove}">
|
|
<Grid.Background>
|
|
<VisualBrush TileMode="Tile" Stretch="Uniform" Viewport="{Binding PanZoomViewModel.BackgroundViewport}" ViewportUnits="Absolute">
|
|
<VisualBrush.Visual>
|
|
<Grid Width="20" Height="20">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition />
|
|
</Grid.RowDefinitions>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition />
|
|
<ColumnDefinition />
|
|
</Grid.ColumnDefinitions>
|
|
<Rectangle Grid.Row="0" Grid.Column="0" Fill="LightGray" />
|
|
<Rectangle Grid.Row="0" Grid.Column="1" />
|
|
<Rectangle Grid.Row="1" Grid.Column="0" />
|
|
<Rectangle Grid.Row="1" Grid.Column="1" Fill="LightGray" />
|
|
</Grid>
|
|
</VisualBrush.Visual>
|
|
</VisualBrush>
|
|
</Grid.Background>
|
|
|
|
<Grid.Triggers>
|
|
<EventTrigger RoutedEvent="Grid.MouseLeftButtonDown">
|
|
<BeginStoryboard>
|
|
<Storyboard TargetName="MultiSelectionPath" TargetProperty="Opacity">
|
|
<DoubleAnimation From="0" To="1" Duration="0:0:0.1" />
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</EventTrigger>
|
|
<EventTrigger RoutedEvent="Grid.MouseLeftButtonUp">
|
|
<BeginStoryboard>
|
|
<Storyboard TargetName="MultiSelectionPath" TargetProperty="Opacity">
|
|
<DoubleAnimation From="1" To="0" Duration="0:0:0.2" />
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</EventTrigger>
|
|
</Grid.Triggers>
|
|
|
|
<Grid Name="EditorDisplayGrid">
|
|
<Grid.RenderTransform>
|
|
<TransformGroup>
|
|
<ScaleTransform ScaleX="{Binding PanZoomViewModel.Zoom}" ScaleY="{Binding PanZoomViewModel.Zoom}" />
|
|
<TranslateTransform X="{Binding PanZoomViewModel.PanX}" Y="{Binding PanZoomViewModel.PanY}" />
|
|
</TransformGroup>
|
|
</Grid.RenderTransform>
|
|
<ItemsControl ItemsSource="{Binding Devices}">
|
|
<ItemsControl.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<Canvas />
|
|
</ItemsPanelTemplate>
|
|
</ItemsControl.ItemsPanel>
|
|
<ItemsControl.ItemContainerStyle>
|
|
<Style TargetType="ContentPresenter">
|
|
<Setter Property="Canvas.Left" Value="{Binding Device.Location.X}" />
|
|
<Setter Property="Canvas.Top" Value="{Binding Device.Location.Y}" />
|
|
</Style>
|
|
</ItemsControl.ItemContainerStyle>
|
|
<ItemsControl.ItemTemplate>
|
|
<DataTemplate>
|
|
<ContentControl Width="{Binding Device.Size.Width}"
|
|
Height="{Binding Device.Size.Height}" s:View.Model="{Binding }">
|
|
<ContentControl.ContextMenu>
|
|
<ContextMenu>
|
|
<MenuItem Header="Bring to Front" Command="{s:Action BringToFront}"
|
|
CommandParameter="{Binding}">
|
|
<MenuItem.Icon>
|
|
<materialDesign:PackIcon Kind="ArrangeBringToFront" />
|
|
</MenuItem.Icon>
|
|
</MenuItem>
|
|
<MenuItem Header="Bring Forward" Command="{s:Action BringForward}"
|
|
CommandParameter="{Binding}">
|
|
<MenuItem.Icon>
|
|
<materialDesign:PackIcon Kind="ArrangeBringForward" />
|
|
</MenuItem.Icon>
|
|
</MenuItem>
|
|
<MenuItem Header="Send to Back" Command="{s:Action SendToBack}"
|
|
CommandParameter="{Binding}">
|
|
<MenuItem.Icon>
|
|
<materialDesign:PackIcon Kind="ArrangeSendToBack" />
|
|
</MenuItem.Icon>
|
|
</MenuItem>
|
|
<MenuItem Header="Send Backward" Command="{s:Action SendBackward}"
|
|
CommandParameter="{Binding}">
|
|
<MenuItem.Icon>
|
|
<materialDesign:PackIcon Kind="ArrangeSendBackward" />
|
|
</MenuItem.Icon>
|
|
</MenuItem>
|
|
</ContextMenu>
|
|
</ContentControl.ContextMenu>
|
|
</ContentControl>
|
|
</DataTemplate>
|
|
</ItemsControl.ItemTemplate>
|
|
</ItemsControl>
|
|
</Grid>
|
|
|
|
<!-- Multi-selection rectangle -->
|
|
<Path Data="{Binding SelectionRectangle}" Opacity="0"
|
|
Stroke="{DynamicResource PrimaryHueLightBrush}"
|
|
StrokeThickness="1"
|
|
Name="MultiSelectionPath"
|
|
IsHitTestVisible="False">
|
|
<Path.Fill>
|
|
<SolidColorBrush Color="{DynamicResource Primary400}" Opacity="0.25" />
|
|
</Path.Fill>
|
|
</Path>
|
|
|
|
<StackPanel Orientation="Vertical" VerticalAlignment="Bottom" HorizontalAlignment="Right"
|
|
Margin="0, 0, 15, 15">
|
|
<Slider Margin="0,0,14,0"
|
|
Orientation="Vertical"
|
|
Minimum="10"
|
|
Maximum="400"
|
|
Height="100"
|
|
FocusVisualStyle="{x:Null}"
|
|
Value="{Binding PanZoomViewModel.ZoomPercentage}"
|
|
Style="{StaticResource MaterialDesignDiscreteSlider}" />
|
|
<Button Command="{s:Action ResetZoomAndPan}"
|
|
Style="{StaticResource MaterialDesignFloatingActionMiniButton}"
|
|
HorizontalAlignment="Right"
|
|
ToolTip="Reset zoom & position">
|
|
<materialDesign:PackIcon Kind="ImageFilterCenterFocus" Height="24" Width="24" />
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
</materialDesign:Card>
|
|
|
|
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth1" Grid.Row="2" Grid.Column="1"
|
|
VerticalAlignment="Stretch" Margin="5,0,0,0">
|
|
<materialDesign:DialogHost DialogClosing="{s:Action ConfirmationDialogClosing}">
|
|
<materialDesign:DialogHost.DialogContent>
|
|
<StackPanel Margin="16">
|
|
<TextBlock>
|
|
Add a new surface layout.
|
|
</TextBlock>
|
|
<TextBox Margin="0 8 0 0" HorizontalAlignment="Stretch" Text="{Binding NewConfigurationName}" />
|
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
|
|
<Button Style="{StaticResource MaterialDesignFlatButton}" IsCancel="True" Margin="0 8 8 0"
|
|
Command="materialDesign:DialogHost.CloseDialogCommand">
|
|
<Button.CommandParameter>
|
|
<system:Boolean xmlns:system="clr-namespace:System;assembly=mscorlib">
|
|
False
|
|
</system:Boolean>
|
|
</Button.CommandParameter>
|
|
CANCEL
|
|
</Button>
|
|
<Button Style="{StaticResource MaterialDesignFlatButton}" IsDefault="True" Margin="0 8 8 0"
|
|
Command="materialDesign:DialogHost.CloseDialogCommand">
|
|
<Button.CommandParameter>
|
|
<system:Boolean xmlns:system="clr-namespace:System;assembly=mscorlib">
|
|
True
|
|
</system:Boolean>
|
|
</Button.CommandParameter>
|
|
ACCEPT
|
|
</Button>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</materialDesign:DialogHost.DialogContent>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
<ListBox Grid.Row="0" ItemsSource="{Binding SurfaceConfigurations}">
|
|
<ListBox.Resources>
|
|
<DataTemplate DataType="{x:Type models:SurfaceConfiguration}">
|
|
<TextBlock Text="{Binding Name}" ToolTip="{Binding Name}" />
|
|
</DataTemplate>
|
|
</ListBox.Resources>
|
|
</ListBox>
|
|
<materialDesign:PopupBox
|
|
PopupMode="Click"
|
|
Grid.Row="0"
|
|
Style="{StaticResource MaterialDesignMultiFloatingActionPopupBox}"
|
|
PlacementMode="LeftAndAlignMiddles"
|
|
UnfurlOrientation="Horizontal"
|
|
ToolTip="Manage surface layouts"
|
|
Margin="0 0 10 10"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Bottom">
|
|
<StackPanel
|
|
Orientation="Horizontal">
|
|
<Button ToolTip="Add a new surface layout"
|
|
Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}">
|
|
<materialDesign:PackIcon Kind="Add" />
|
|
</Button>
|
|
<Button ToolTip="Remove selected surface layout"
|
|
Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}">
|
|
<materialDesign:PackIcon Kind="Delete" />
|
|
</Button>
|
|
</StackPanel>
|
|
</materialDesign:PopupBox>
|
|
</Grid>
|
|
</materialDesign:DialogHost>
|
|
</materialDesign:Card>
|
|
|
|
<TextBlock Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2" Style="{StaticResource MaterialDesignCaptionTextBlock}" Margin="0,5,0,0">
|
|
<Run Text="Hold"/>
|
|
<Run FontWeight="Bold" Text="shift"/>
|
|
<Run Text="or click and drag to select multiple devices at once. To move around the surface hold down"/>
|
|
<Run FontWeight="Bold" Text="ctrl"/>
|
|
<Run Text="and drag."/>
|
|
</TextBlock>
|
|
</Grid>
|
|
</UserControl> |