Added layer properties to core and hooked it up with the UI

Implemented timeline caret scrolling logic
Added special treeview style for the layer properties tree

src/Artemis.UI/Screens/Module/ProfileEditor/LayerProperties/Timeline/PropertyTimelineView.xaml

@@ -1,33 +1,23 @@
 <UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.Timeline.PropertyTimelineView"
              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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.Timeline"
              xmlns:s="https://github.com/canton7/Stylet"
-             mc:Ignorable="d" 
-             d:DesignHeight="25" 
+             mc:Ignorable="d"
+             d:DesignHeight="25"
              d:DesignWidth="800"
              d:DataContext="{d:DesignInstance local:PropertyTimelineViewModel}">
-    <ItemsControl ItemsSource="{Binding TimelineKeyframeViewModels}" 
-                  Width="{Binding Width}" 
+    <ItemsControl ItemsSource="{Binding PropertyTrackViewModels}"
+                  Width="{Binding Width}"
                   MinWidth="{Binding ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ScrollViewer}}"
-                  Background="{DynamicResource MaterialDesignToolBarBackground}" 
+                  Background="{DynamicResource MaterialDesignToolBarBackground}"
                   HorizontalAlignment="Left">
-        <ItemsControl.ItemsPanel>
-            <ItemsPanelTemplate>
-                <Canvas />
-            </ItemsPanelTemplate>
-        </ItemsControl.ItemsPanel>
-        <ItemsControl.ItemContainerStyle>
-            <Style TargetType="{x:Type ContentPresenter}">
-                <Setter Property="Canvas.Left" Value="{Binding X}" />
-            </Style>
-        </ItemsControl.ItemContainerStyle>
         <ItemsControl.ItemTemplate>
             <DataTemplate>
-                <ContentControl s:View.Model="{Binding}"/>
+                <ContentControl s:View.Model="{Binding}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" IsTabStop="False" />
             </DataTemplate>
         </ItemsControl.ItemTemplate>
     </ItemsControl>
-</UserControl>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/LayerProperties/Timeline/PropertyTimelineViewModel.cs

@@ -1,4 +1,5 @@
 using System;
+using System.Collections.Generic;
 using System.Linq;
 using Stylet;
 
@@ -9,21 +10,46 @@ namespace Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.Timeline
         public PropertyTimelineViewModel(LayerPropertiesViewModel layerPropertiesViewModel)
         {
             LayerPropertiesViewModel = layerPropertiesViewModel;
-            RailItemViewModels = new BindableCollection<PropertyTrackViewModel>();
+            PropertyTrackViewModels = new BindableCollection<PropertyTrackViewModel>();
         }
 
         public LayerPropertiesViewModel LayerPropertiesViewModel { get; }
 
         public double Width { get; set; }
-        public BindableCollection<PropertyTrackViewModel> RailItemViewModels { get; set; }
+        public BindableCollection<PropertyTrackViewModel> PropertyTrackViewModels { get; set; }
 
         public void UpdateEndTime()
         {
             // End time is the last keyframe + 10 sec
-            var lastKeyFrame = RailItemViewModels.SelectMany(r => r.KeyframeViewModels).OrderByDescending(t => t.Keyframe.Position).FirstOrDefault();
+            var lastKeyFrame = PropertyTrackViewModels.SelectMany(r => r.KeyframeViewModels).OrderByDescending(t => t.Keyframe.Position).FirstOrDefault();
             var endTime = lastKeyFrame?.Keyframe.Position.Add(new TimeSpan(0, 0, 0, 10)) ?? TimeSpan.FromSeconds(10);
 
             Width = endTime.TotalSeconds * LayerPropertiesViewModel.PixelsPerSecond;
+
+            // Ensure the caret isn't outside the end time
+            if (LayerPropertiesViewModel.CurrentTime > endTime)
+                LayerPropertiesViewModel.CurrentTime = endTime;
+        }
+
+        public void PopulateProperties(List<LayerPropertyViewModel> properties)
+        {
+            PropertyTrackViewModels.Clear();
+            foreach (var property in properties)
+                CreateViewModels(property);
+
+            UpdateEndTime();
+        }
+
+        private void CreateViewModels(LayerPropertyViewModel property)
+        {
+            PropertyTrackViewModels.Add(new PropertyTrackViewModel(this, property));
+            foreach (var child in property.Children)
+                CreateViewModels(child);
+        }
+
+        public void ClearProperties()
+        {
+            PropertyTrackViewModels.Clear();
         }
     }
 }

src/Artemis.UI/Screens/Module/ProfileEditor/LayerProperties/Timeline/PropertyTrackView.xaml

@@ -9,23 +9,28 @@
              mc:Ignorable="d"
              d:DesignHeight="20" d:DesignWidth="600"
              d:DataContext="{d:DesignInstance local:PropertyTrackViewModel}">
-    <ItemsControl ItemsSource="{Binding KeyframeViewModels}"
-                  Background="{DynamicResource MaterialDesignToolBarBackground}"
-                  HorizontalAlignment="Left">
-        <ItemsControl.ItemsPanel>
-            <ItemsPanelTemplate>
-                <Canvas />
-            </ItemsPanelTemplate>
-        </ItemsControl.ItemsPanel>
-        <ItemsControl.ItemContainerStyle>
-            <Style TargetType="{x:Type ContentPresenter}">
-                <Setter Property="Canvas.Left" Value="{Binding X}" />
-            </Style>
-        </ItemsControl.ItemContainerStyle>
-        <ItemsControl.ItemTemplate>
-            <DataTemplate>
-                <Ellipse Fill="{StaticResource PrimaryHueMidBrush}" Width="10" Height="10" Margin="-5,6,0,0" ToolTip="{Binding Timestamp}" />
-            </DataTemplate>
-        </ItemsControl.ItemTemplate>
-    </ItemsControl>
+    <Border Height="25"
+            BorderThickness="0,0,0,1"
+            BorderBrush="{DynamicResource MaterialDesignDivider}"
+            Visibility="{Binding LayerPropertyViewModel.Parent.IsExpanded, Converter={StaticResource BoolToVisibilityConverter}}">
+        <ItemsControl ItemsSource="{Binding KeyframeViewModels}"
+                      Background="{DynamicResource MaterialDesignToolBarBackground}"
+                      HorizontalAlignment="Left">
+            <ItemsControl.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <Canvas />
+                </ItemsPanelTemplate>
+            </ItemsControl.ItemsPanel>
+            <ItemsControl.ItemContainerStyle>
+                <Style TargetType="{x:Type ContentPresenter}">
+                    <Setter Property="Canvas.Left" Value="{Binding X}" />
+                </Style>
+            </ItemsControl.ItemContainerStyle>
+            <ItemsControl.ItemTemplate>
+                <DataTemplate>
+                    <Ellipse Fill="{StaticResource PrimaryHueMidBrush}" Width="10" Height="10" Margin="-5,6,0,0" ToolTip="{Binding Timestamp}" />
+                </DataTemplate>
+            </ItemsControl.ItemTemplate>
+        </ItemsControl>
+    </Border>
 </UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/LayerProperties/Timeline/PropertyTrackViewModel.cs

@@ -1,18 +1,10 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
+using System.Linq;
 using Stylet;
 
 namespace Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.Timeline
 {
     public class PropertyTrackViewModel : PropertyChangedBase
     {
-        public PropertyTimelineViewModel PropertyTimelineViewModel { get; }
-        public LayerPropertyViewModel LayerPropertyViewModel { get; }
-        public BindableCollection<PropertyTrackKeyframeViewModel> KeyframeViewModels { get; set; }
-
         public PropertyTrackViewModel(PropertyTimelineViewModel propertyTimelineViewModel, LayerPropertyViewModel layerPropertyViewModel)
         {
             PropertyTimelineViewModel = propertyTimelineViewModel;
@@ -23,6 +15,10 @@ namespace Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.Timeline
             UpdateKeyframes(propertyTimelineViewModel.LayerPropertiesViewModel.PixelsPerSecond);
         }
 
+        public PropertyTimelineViewModel PropertyTimelineViewModel { get; }
+        public LayerPropertyViewModel LayerPropertyViewModel { get; }
+        public BindableCollection<PropertyTrackKeyframeViewModel> KeyframeViewModels { get; set; }
+
         public void PopulateKeyframes()
         {
             foreach (var keyframe in LayerPropertyViewModel.LayerProperty.Keyframes)
@@ -36,9 +32,7 @@ namespace Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.Timeline
         public void UpdateKeyframes(int pixelsPerSecond)
         {
             foreach (var keyframeViewModel in KeyframeViewModels)
-            {
                 keyframeViewModel.Update(pixelsPerSecond);
-            }
         }
     }
 }