WIP: layout with new panel.
This commit is contained in:
@@ -69,6 +69,27 @@ public class Timeline: ItemsControl
|
||||
set => SetValue(DescriptionTemplateProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<IBinding?> TimeMemberBindingProperty = AvaloniaProperty.Register<Timeline, IBinding?>(
|
||||
nameof(TimeMemberBinding));
|
||||
|
||||
[AssignBinding]
|
||||
[InheritDataTypeFromItems(nameof(ItemsSource))]
|
||||
public IBinding? TimeMemberBinding
|
||||
{
|
||||
get => GetValue(TimeMemberBindingProperty);
|
||||
set => SetValue(TimeMemberBindingProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<string?> TimeFormatProperty = AvaloniaProperty.Register<Timeline, string?>(
|
||||
nameof(TimeFormat), defaultValue:"yyyy-MM-dd HH:mm:ss");
|
||||
|
||||
public string? TimeFormat
|
||||
{
|
||||
get => GetValue(TimeFormatProperty);
|
||||
set => SetValue(TimeFormatProperty, value);
|
||||
}
|
||||
|
||||
|
||||
public static readonly StyledProperty<TimelineDisplayMode> ModeProperty = AvaloniaProperty.Register<Timeline, TimelineDisplayMode>(
|
||||
nameof(Mode));
|
||||
|
||||
@@ -124,6 +145,11 @@ public class Timeline: ItemsControl
|
||||
{
|
||||
t.Bind(ContentControl.ContentProperty, DescriptionMemberBinding);
|
||||
}
|
||||
if (TimeMemberBinding != null)
|
||||
{
|
||||
t.Bind(TimelineItem.TimeProperty, TimeMemberBinding);
|
||||
}
|
||||
t.SetCurrentValue(TimelineItem.TimeFormatProperty, TimeFormat);
|
||||
t.SetCurrentValue(TimelineItem.IconTemplateProperty, IconTemplate);
|
||||
t.SetCurrentValue(HeaderedContentControl.HeaderTemplateProperty, ItemTemplate);
|
||||
t.SetCurrentValue(ContentControl.ContentTemplateProperty, DescriptionTemplate);
|
||||
|
||||
@@ -6,4 +6,11 @@ public enum TimelineDisplayMode
|
||||
Center,
|
||||
Right,
|
||||
Alternate,
|
||||
}
|
||||
|
||||
public enum TimelineItemDisplayMode
|
||||
{
|
||||
Left,
|
||||
Right,
|
||||
Separate,
|
||||
}
|
||||
@@ -1,6 +1,7 @@
|
||||
using Avalonia;
|
||||
using Avalonia.Controls;
|
||||
using Avalonia.Controls.Metadata;
|
||||
using Avalonia.Controls.Presenters;
|
||||
using Avalonia.Controls.Primitives;
|
||||
using Avalonia.Controls.Templates;
|
||||
using Avalonia.Data;
|
||||
@@ -9,11 +10,30 @@ using Avalonia.Media;
|
||||
namespace Ursa.Controls;
|
||||
|
||||
[PseudoClasses(PC_First, PC_Last, PC_EmptyIcon)]
|
||||
[TemplatePart(PART_Header, typeof(ContentPresenter))]
|
||||
[TemplatePart(PART_Icon, typeof(ContentPresenter))]
|
||||
[TemplatePart(PART_Content, typeof(ContentPresenter))]
|
||||
[TemplatePart(PART_Time, typeof(TextBlock))]
|
||||
[TemplatePart(PART_RootGrid, typeof(Grid))]
|
||||
public class TimelineItem: HeaderedContentControl
|
||||
{
|
||||
public const string PC_First = ":first";
|
||||
public const string PC_Last = ":last";
|
||||
public const string PC_EmptyIcon = ":empty-icon";
|
||||
public const string PC_AllLeft=":all-left";
|
||||
public const string PC_AllRight=":all-right";
|
||||
public const string PC_Separate = ":separate";
|
||||
public const string PART_Header = "PART_Header";
|
||||
public const string PART_Icon = "PART_Icon";
|
||||
public const string PART_Content = "PART_Content";
|
||||
public const string PART_Time = "PART_Time";
|
||||
public const string PART_RootGrid = "PART_RootGrid";
|
||||
|
||||
private ContentPresenter? _headerPresenter;
|
||||
private ContentPresenter? _iconPresenter;
|
||||
private ContentPresenter? _contentPresenter;
|
||||
private TextBlock? _timePresenter;
|
||||
private Grid? _rootGrid;
|
||||
|
||||
public static readonly StyledProperty<object?> IconProperty = AvaloniaProperty.Register<TimelineItem, object?>(
|
||||
nameof(Icon));
|
||||
@@ -41,6 +61,15 @@ public class TimelineItem: HeaderedContentControl
|
||||
get => GetValue(TypeProperty);
|
||||
set => SetValue(TypeProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<TimelineItemDisplayMode> ModeProperty = AvaloniaProperty.Register<TimelineItem, TimelineItemDisplayMode>(
|
||||
nameof(Mode), defaultValue: TimelineItemDisplayMode.Right);
|
||||
|
||||
public TimelineItemDisplayMode Mode
|
||||
{
|
||||
get => GetValue(ModeProperty);
|
||||
set => SetValue(ModeProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DirectProperty<TimelineItem, double> LeftWidthProperty = AvaloniaProperty.RegisterDirect<TimelineItem, double>(
|
||||
nameof(LeftWidth), o => o.LeftWidth, (o, v) => o.LeftWidth = v);
|
||||
@@ -69,9 +98,53 @@ public class TimelineItem: HeaderedContentControl
|
||||
set => SetAndRaise(RightWidthProperty, ref _rightWidth, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<DateTime> TimeProperty = AvaloniaProperty.Register<TimelineItem, DateTime>(
|
||||
nameof(Time));
|
||||
|
||||
public DateTime Time
|
||||
{
|
||||
get => GetValue(TimeProperty);
|
||||
set => SetValue(TimeProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<string?> TimeFormatProperty = AvaloniaProperty.Register<TimelineItem, string?>(
|
||||
nameof(TimeFormat));
|
||||
|
||||
public string? TimeFormat
|
||||
{
|
||||
get => GetValue(TimeFormatProperty);
|
||||
set => SetValue(TimeFormatProperty, value);
|
||||
}
|
||||
|
||||
static TimelineItem()
|
||||
{
|
||||
IconProperty.Changed.AddClassHandler<TimelineItem, object?>((item, args) => { item.OnIconChanged(args); });
|
||||
ModeProperty.Changed.AddClassHandler<TimelineItem, TimelineItemDisplayMode>((item, args) => { item.OnModeChanged(args); });
|
||||
AffectsMeasure<TimelineItem>(LeftWidthProperty, RightWidthProperty, IconWidthProperty);
|
||||
}
|
||||
|
||||
private void OnModeChanged(AvaloniaPropertyChangedEventArgs<TimelineItemDisplayMode> args)
|
||||
{
|
||||
SetMode(args.NewValue.Value);
|
||||
}
|
||||
|
||||
private void SetMode(TimelineItemDisplayMode mode)
|
||||
{
|
||||
PseudoClasses.Set(PC_AllLeft, mode == TimelineItemDisplayMode.Left);
|
||||
PseudoClasses.Set(PC_AllRight, mode == TimelineItemDisplayMode.Right);
|
||||
PseudoClasses.Set(PC_Separate, mode == TimelineItemDisplayMode.Separate);
|
||||
}
|
||||
|
||||
protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
|
||||
{
|
||||
base.OnApplyTemplate(e);
|
||||
PseudoClasses.Set(PC_EmptyIcon, Icon is null);
|
||||
_headerPresenter = e.NameScope.Find<ContentPresenter>(PART_Header);
|
||||
_iconPresenter = e.NameScope.Find<ContentPresenter>(PART_Icon);
|
||||
_contentPresenter = e.NameScope.Find<ContentPresenter>(PART_Content);
|
||||
_timePresenter = e.NameScope.Find<TextBlock>(PART_Time);
|
||||
_rootGrid = e.NameScope.Find<Grid>(PART_RootGrid);
|
||||
SetMode(Mode);
|
||||
}
|
||||
|
||||
private void OnIconChanged(AvaloniaPropertyChangedEventArgs<object?> args)
|
||||
@@ -84,4 +157,14 @@ public class TimelineItem: HeaderedContentControl
|
||||
PseudoClasses.Set(PC_First, start);
|
||||
PseudoClasses.Set(PC_Last, end);
|
||||
}
|
||||
|
||||
internal (double?, double?, double?, double?) GetWidth()
|
||||
{
|
||||
return (_headerPresenter?.Bounds.Width, _contentPresenter?.Bounds.Width, _iconPresenter?.Bounds.Width, _timePresenter?.Bounds.Width);
|
||||
}
|
||||
|
||||
internal void SetWidth(double? header, double? content, double? icon, double? time)
|
||||
{
|
||||
_rootGrid.ColumnDefinitions[0].Width = new GridLength(200);
|
||||
}
|
||||
}
|
||||
@@ -25,19 +25,48 @@ public class TimelinePanel: Panel
|
||||
double left = 0;
|
||||
double right = 0;
|
||||
double icon = 0;
|
||||
double width = 0;
|
||||
double height = 0;
|
||||
foreach (var child in Children)
|
||||
{
|
||||
child.Measure(availableSize);
|
||||
if (child is TimelineItem t)
|
||||
{
|
||||
var doubles = t.GetWidth();
|
||||
}
|
||||
width = Math.Max(width, child.DesiredSize.Width);
|
||||
height+=child.DesiredSize.Height;
|
||||
}
|
||||
foreach (var child in Children)
|
||||
{
|
||||
if (child is TimelineItem t)
|
||||
{
|
||||
|
||||
t.LeftWidth = left;
|
||||
t.RightWidth = right;
|
||||
t.IconWidth = icon;
|
||||
}
|
||||
}
|
||||
return base.MeasureOverride(availableSize);
|
||||
|
||||
return new Size(width, height);
|
||||
}
|
||||
|
||||
protected override Size ArrangeOverride(Size finalSize)
|
||||
{
|
||||
return base.ArrangeOverride(finalSize);
|
||||
|
||||
Rect rect = new Rect();
|
||||
foreach (var child in Children)
|
||||
{
|
||||
rect = rect.WithWidth(Math.Max(rect.Width, child.DesiredSize.Width));
|
||||
rect = rect.WithHeight(rect.Height + child.DesiredSize.Height);
|
||||
child.Arrange(rect);
|
||||
rect = rect.WithY(rect.Y+child.DesiredSize.Height);
|
||||
if (child is TimelineItem t)
|
||||
{
|
||||
var doubles = t.GetWidth();
|
||||
t.SetWidth(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
}
|
||||
//return base.ArrangeOverride(finalSize);
|
||||
return rect.Size;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user