♻️ 开启虚拟化防止卡顿, 增加自适应宽度
This commit is contained in:
BookerLiu
203
CustomComponent/DraggAnimatedPanel/DraggAnimatedPanel.Drag.cs
Normal file
203
CustomComponent/DraggAnimatedPanel/DraggAnimatedPanel.Drag.cs
Normal file
@@ -0,0 +1,203 @@
|
||||
/*Developed by (doiTTeam)=>doiTTeam.mail = devdoiTTeam@gmail.com*/
|
||||
using System;
|
||||
using System.Windows;
|
||||
using System.Windows.Controls;
|
||||
using System.Windows.Input;
|
||||
using System.Windows.Media;
|
||||
|
||||
namespace DraggAnimatedPanel
|
||||
{
|
||||
/// <summary>
|
||||
/// Description of SafariPanel_Drag.
|
||||
/// </summary>
|
||||
public partial class DraggAnimatedPanel
|
||||
{
|
||||
#region const drag
|
||||
const double mouseDif = 2d;
|
||||
const int mouseTimeDif = 25;
|
||||
#endregion
|
||||
|
||||
#region private
|
||||
UIElement __draggedElement;
|
||||
|
||||
public UIElement _draggedElement
|
||||
{
|
||||
get { return __draggedElement; }
|
||||
set
|
||||
{
|
||||
__draggedElement = value;
|
||||
}
|
||||
}
|
||||
int _draggedIndex;
|
||||
|
||||
bool _firstScrollRequest = true;
|
||||
ScrollViewer _scrollContainer;
|
||||
ScrollViewer scrollViewer
|
||||
{
|
||||
get
|
||||
{
|
||||
if (_firstScrollRequest && _scrollContainer == null)
|
||||
{
|
||||
_firstScrollRequest = false;
|
||||
_scrollContainer = (ScrollViewer)GetParent(this as DependencyObject, (ve) => ve is ScrollViewer);
|
||||
}
|
||||
return _scrollContainer;
|
||||
}
|
||||
}
|
||||
#endregion
|
||||
|
||||
#region private drag
|
||||
double _lastMousePosX;
|
||||
double _lastMousePosY;
|
||||
int _lastMouseMoveTime;
|
||||
double _x;
|
||||
double _y;
|
||||
Rect _rectOnDrag;
|
||||
#endregion
|
||||
|
||||
|
||||
void OnMouseMove(object sender, MouseEventArgs e)
|
||||
{
|
||||
if (e.LeftButton == MouseButtonState.Pressed && _draggedElement == null && !this.IsMouseCaptured)
|
||||
StartDrag(e);
|
||||
else if (_draggedElement != null)
|
||||
OnDragOver(e);
|
||||
}
|
||||
|
||||
void OnDragOver(MouseEventArgs e)
|
||||
{
|
||||
Point mousePos = Mouse.GetPosition(this);
|
||||
double difX = mousePos.X - _lastMousePosX;
|
||||
double difY = mousePos.Y - _lastMousePosY;
|
||||
|
||||
int timeDif = e.Timestamp - _lastMouseMoveTime;
|
||||
if ((Math.Abs(difX) > mouseDif || Math.Abs(difY) > mouseDif) && timeDif > mouseTimeDif)
|
||||
{
|
||||
//this lines is for keepn draged item inside control bounds
|
||||
DoScroll();
|
||||
|
||||
if (_x + difX < _rectOnDrag.Location.X)
|
||||
_x = 0;
|
||||
else if (ItemsWidth + _x + difX > _rectOnDrag.Location.X + _rectOnDrag.Width)
|
||||
_x = _rectOnDrag.Location.X + _rectOnDrag.Width - ItemsWidth;
|
||||
else if (mousePos.X > _rectOnDrag.Location.X && mousePos.X < _rectOnDrag.Location.X + _rectOnDrag.Width)
|
||||
_x += difX;
|
||||
if (_y + difY < _rectOnDrag.Location.Y)
|
||||
_y = 0;
|
||||
else if (ItemsHeight + _y + difY > _rectOnDrag.Location.Y + _rectOnDrag.Height)
|
||||
_y = _rectOnDrag.Location.Y + _rectOnDrag.Height - ItemsHeight;
|
||||
else if (mousePos.Y > _rectOnDrag.Location.Y && mousePos.Y < _rectOnDrag.Location.Y + _rectOnDrag.Height)
|
||||
_y += difY;
|
||||
//lines ends
|
||||
|
||||
AnimateTo(_draggedElement, _x, _y, 0);
|
||||
_lastMousePosX = mousePos.X;
|
||||
_lastMousePosY = mousePos.Y;
|
||||
_lastMouseMoveTime = e.Timestamp;
|
||||
SwapElement(_x + ItemsWidth / 2, _y + ItemsHeight / 2);
|
||||
}
|
||||
}
|
||||
|
||||
void StartDrag(MouseEventArgs e)
|
||||
{
|
||||
Point mousePos = Mouse.GetPosition(this);
|
||||
_draggedElement = GetChildThatHasMouseOver();
|
||||
if (_draggedElement == null)
|
||||
return;
|
||||
_draggedIndex = Children.IndexOf(_draggedElement);
|
||||
_rectOnDrag = VisualTreeHelper.GetDescendantBounds(this);
|
||||
Point p = GetItemVisualPoint(_draggedElement);
|
||||
_x = p.X;
|
||||
_y = p.Y;
|
||||
SetZIndex(_draggedElement, 1000);
|
||||
_lastMousePosX = mousePos.X;
|
||||
_lastMousePosY = mousePos.Y;
|
||||
_lastMouseMoveTime = e.Timestamp;
|
||||
this.InvalidateArrange();
|
||||
e.Handled = true;
|
||||
this.CaptureMouse();
|
||||
}
|
||||
|
||||
void OnMouseUp(object sender, MouseEventArgs e)
|
||||
{
|
||||
if (this.IsMouseCaptured)
|
||||
ReleaseMouseCapture();
|
||||
}
|
||||
|
||||
void SwapElement(double x, double y)
|
||||
{
|
||||
int index = GetIndexFromPoint(x, y);
|
||||
if (index == _draggedIndex || index < 0)
|
||||
return;
|
||||
if (index >= Children.Count)
|
||||
index = Children.Count - 1;
|
||||
|
||||
int[] parameter = new int[] { _draggedIndex, index };
|
||||
if (SwapCommand != null && SwapCommand.CanExecute(parameter))
|
||||
{
|
||||
SwapCommand.Execute(parameter);
|
||||
_draggedElement = Children[index]; //this is bcause after changing the collection the element is other
|
||||
FillNewDraggedChild(_draggedElement);
|
||||
_draggedIndex = index;
|
||||
}
|
||||
|
||||
this.InvalidateArrange();
|
||||
}
|
||||
|
||||
void FillNewDraggedChild(UIElement child)
|
||||
{
|
||||
if (child.RenderTransform as TransformGroup == null)
|
||||
{
|
||||
child.RenderTransformOrigin = new Point(0.5, 0.5);
|
||||
TransformGroup group = new TransformGroup();
|
||||
child.RenderTransform = group;
|
||||
group.Children.Add(new TranslateTransform());
|
||||
}
|
||||
SetZIndex(child, 1000);
|
||||
AnimateTo(child, _x, _y, 0); //need relocate the element
|
||||
}
|
||||
|
||||
void OnLostMouseCapture(object sender, MouseEventArgs e)
|
||||
{
|
||||
FinishDrag();
|
||||
}
|
||||
|
||||
void FinishDrag()
|
||||
{
|
||||
if (_draggedElement != null)
|
||||
{
|
||||
SetZIndex(_draggedElement, 0);
|
||||
_draggedElement = null;
|
||||
this.InvalidateArrange();
|
||||
}
|
||||
}
|
||||
|
||||
void DoScroll()
|
||||
{
|
||||
if (scrollViewer != null)
|
||||
{
|
||||
Point position = Mouse.GetPosition(scrollViewer);
|
||||
double scrollMargin = Math.Min(scrollViewer.FontSize * 2, scrollViewer.ActualHeight / 2);
|
||||
|
||||
if (position.X >= scrollViewer.ActualWidth - scrollMargin &&
|
||||
scrollViewer.HorizontalOffset < scrollViewer.ExtentWidth - scrollViewer.ViewportWidth)
|
||||
{
|
||||
scrollViewer.LineRight();
|
||||
}
|
||||
else if (position.X < scrollMargin && scrollViewer.HorizontalOffset > 0)
|
||||
{
|
||||
scrollViewer.LineLeft();
|
||||
}
|
||||
else if (position.Y >= scrollViewer.ActualHeight - scrollMargin &&
|
||||
scrollViewer.VerticalOffset < scrollViewer.ExtentHeight - scrollViewer.ViewportHeight)
|
||||
{
|
||||
scrollViewer.LineDown();
|
||||
}
|
||||
else if (position.Y < scrollMargin && scrollViewer.VerticalOffset > 0)
|
||||
{
|
||||
scrollViewer.LineUp();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
235
CustomComponent/DraggAnimatedPanel/DraggAnimatedPanel.cs
Normal file
235
CustomComponent/DraggAnimatedPanel/DraggAnimatedPanel.cs
Normal file
@@ -0,0 +1,235 @@
|
||||
/*Developed by (doiTTeam)=>doiTTeam.mail = devdoiTTeam@gmail.com*/
|
||||
using System;
|
||||
using System.Linq;
|
||||
using System.Windows;
|
||||
using System.Windows.Controls;
|
||||
using System.Windows.Input;
|
||||
using System.Windows.Media;
|
||||
using System.Windows.Media.Animation;
|
||||
|
||||
namespace DraggAnimatedPanel
|
||||
{
|
||||
/// <summary>
|
||||
/// Description of DraggAnimatedPanel.
|
||||
/// </summary>
|
||||
public partial class DraggAnimatedPanel : WrapPanel
|
||||
{
|
||||
#region private vars
|
||||
Size _calculatedSize;
|
||||
bool _isNotFirstArrange = false;
|
||||
int columns, rows;
|
||||
#endregion
|
||||
static DraggAnimatedPanel()
|
||||
{
|
||||
|
||||
DefaultStyleKeyProperty.OverrideMetadata(typeof(DraggAnimatedPanel), new FrameworkPropertyMetadata(typeof(DraggAnimatedPanel)));
|
||||
}
|
||||
|
||||
public DraggAnimatedPanel() : base()
|
||||
{
|
||||
this.AddHandler(Mouse.MouseMoveEvent, new MouseEventHandler(OnMouseMove), false);
|
||||
this.MouseLeftButtonUp += OnMouseUp;
|
||||
this.LostMouseCapture += OnLostMouseCapture;
|
||||
}
|
||||
|
||||
UIElement GetChildThatHasMouseOver()
|
||||
{
|
||||
return GetParent(Mouse.DirectlyOver as DependencyObject, (ve) => Children.Contains(ve as UIElement)) as UIElement;
|
||||
}
|
||||
|
||||
Point GetItemVisualPoint(UIElement element)
|
||||
{
|
||||
TransformGroup group = (TransformGroup)element.RenderTransform;
|
||||
TranslateTransform trans = (TranslateTransform)group.Children[0];
|
||||
|
||||
return new Point(trans.X, trans.Y);
|
||||
}
|
||||
|
||||
int GetIndexFromPoint(double x, double y)
|
||||
{
|
||||
int columnIndex = (int)Math.Truncate(x / itemContainterWidth);
|
||||
int rowIndex = (int)Math.Truncate(y / itemContainterHeight);
|
||||
return columns * rowIndex + columnIndex;
|
||||
}
|
||||
int GetIndexFromPoint(Point p)
|
||||
{
|
||||
return GetIndexFromPoint(p.X, p.Y);
|
||||
}
|
||||
|
||||
#region dependency properties
|
||||
public static readonly DependencyProperty ItemsWidthProperty =
|
||||
DependencyProperty.Register(
|
||||
"ItemsWidth",
|
||||
typeof(double),
|
||||
typeof(DraggAnimatedPanel),
|
||||
new FrameworkPropertyMetadata(150d));
|
||||
|
||||
public static readonly DependencyProperty ItemsHeightProperty =
|
||||
DependencyProperty.Register(
|
||||
"ItemsHeight",
|
||||
typeof(double),
|
||||
typeof(DraggAnimatedPanel),
|
||||
new FrameworkPropertyMetadata(60d));
|
||||
|
||||
public static readonly DependencyProperty ItemSeparationProperty =
|
||||
DependencyProperty.Register(
|
||||
"ItemSeparation",
|
||||
typeof(Thickness),
|
||||
typeof(DraggAnimatedPanel),
|
||||
new FrameworkPropertyMetadata());
|
||||
|
||||
// Using a DependencyProperty as the backing store for AnimationMilliseconds. This enables animation, styling, binding, etc...
|
||||
public static readonly DependencyProperty AnimationMillisecondsProperty =
|
||||
DependencyProperty.Register("AnimationMilliseconds", typeof(int), typeof(DraggAnimatedPanel), new FrameworkPropertyMetadata(200));
|
||||
|
||||
public static readonly DependencyProperty SwapCommandProperty =
|
||||
DependencyProperty.Register(
|
||||
"SwapCommand",
|
||||
typeof(ICommand),
|
||||
typeof(DraggAnimatedPanel),
|
||||
new FrameworkPropertyMetadata(null));
|
||||
|
||||
#endregion
|
||||
|
||||
#region properties
|
||||
public double ItemsWidth
|
||||
{
|
||||
get { return (double)GetValue(ItemsWidthProperty); }
|
||||
set { SetValue(ItemsWidthProperty, value); }
|
||||
}
|
||||
public double ItemsHeight
|
||||
{
|
||||
get { return (double)GetValue(ItemsHeightProperty); }
|
||||
set { SetValue(ItemsHeightProperty, value); }
|
||||
}
|
||||
public Thickness ItemSeparation
|
||||
{
|
||||
get { return (Thickness)this.GetValue(ItemSeparationProperty); }
|
||||
set { this.SetValue(ItemSeparationProperty, value); }
|
||||
}
|
||||
public int AnimationMilliseconds
|
||||
{
|
||||
get { return (int)GetValue(AnimationMillisecondsProperty); }
|
||||
set { SetValue(AnimationMillisecondsProperty, value); }
|
||||
}
|
||||
private double itemContainterHeight
|
||||
{
|
||||
get { return ItemSeparation.Top + ItemsHeight + ItemSeparation.Bottom; }
|
||||
}
|
||||
private double itemContainterWidth
|
||||
{
|
||||
get { return ItemSeparation.Left + ItemsWidth + ItemSeparation.Right; }
|
||||
}
|
||||
public ICommand SwapCommand
|
||||
{
|
||||
get { return (ICommand)GetValue(SwapCommandProperty); }
|
||||
set { SetValue(SwapCommandProperty, value); }
|
||||
}
|
||||
#endregion
|
||||
|
||||
#region transformation things
|
||||
private void AnimateAll()
|
||||
{
|
||||
//Apply exactly the same algorithm, but instide of Arrange a call AnimateTo method
|
||||
double colPosition = 0;
|
||||
double rowPosition = 0;
|
||||
foreach (UIElement child in Children)
|
||||
{
|
||||
if (child != _draggedElement)
|
||||
AnimateTo(child, colPosition + ItemSeparation.Left, rowPosition + ItemSeparation.Top, _isNotFirstArrange ? AnimationMilliseconds : 0);
|
||||
//drag will locate dragged element
|
||||
colPosition += itemContainterWidth;
|
||||
if (colPosition + 1 > _calculatedSize.Width)
|
||||
{
|
||||
colPosition = 0;
|
||||
rowPosition += itemContainterHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private void AnimateTo(UIElement child, double x, double y, int duration)
|
||||
{
|
||||
TransformGroup group = (TransformGroup)child.RenderTransform;
|
||||
TranslateTransform trans = (TranslateTransform)group.Children.First((groupElement) => groupElement is TranslateTransform);
|
||||
|
||||
trans.BeginAnimation(TranslateTransform.XProperty, MakeAnimation(x, duration));
|
||||
trans.BeginAnimation(TranslateTransform.YProperty, MakeAnimation(y, duration));
|
||||
}
|
||||
|
||||
private DoubleAnimation MakeAnimation(double to, int duration)
|
||||
{
|
||||
DoubleAnimation anim = new DoubleAnimation(to, TimeSpan.FromMilliseconds(duration));
|
||||
anim.AccelerationRatio = 0.2;
|
||||
anim.DecelerationRatio = 0.7;
|
||||
return anim;
|
||||
}
|
||||
#endregion
|
||||
|
||||
#region measure
|
||||
protected override Size MeasureOverride(Size availableSize)
|
||||
{
|
||||
Size itemContainerSize = new Size(itemContainterWidth, itemContainterHeight);
|
||||
int count = 0; //for not call it again
|
||||
foreach (UIElement child in Children)
|
||||
{
|
||||
child.Measure(itemContainerSize);
|
||||
count++;
|
||||
}
|
||||
if (availableSize.Width < itemContainterWidth)
|
||||
_calculatedSize = new Size(itemContainterWidth, count * itemContainterHeight); //the size of nX1
|
||||
else
|
||||
{
|
||||
columns = (int)Math.Truncate(availableSize.Width / itemContainterWidth);
|
||||
rows = count / columns;
|
||||
if (count % columns != 0)
|
||||
rows++;
|
||||
_calculatedSize = new Size(columns * itemContainterWidth, rows * itemContainterHeight);
|
||||
}
|
||||
return _calculatedSize;
|
||||
}
|
||||
#endregion
|
||||
|
||||
#region arrange
|
||||
protected override Size ArrangeOverride(Size finalSize)
|
||||
{
|
||||
Size _finalItemSize = new Size(ItemsWidth, ItemsHeight);
|
||||
//if is animated then arrange elements to 0,0, and then put them on its location using the transform
|
||||
foreach (UIElement child in InternalChildren)
|
||||
{
|
||||
// If this is the first time we've seen this child, add our transforms
|
||||
if (child.RenderTransform as TransformGroup == null)
|
||||
{
|
||||
child.RenderTransformOrigin = new Point(0.5, 0.5);
|
||||
TransformGroup group = new TransformGroup();
|
||||
child.RenderTransform = group;
|
||||
group.Children.Add(new TranslateTransform());
|
||||
}
|
||||
//locate all children in 0,0 point//TODO: use infinity and then scale each element to items size
|
||||
child.Arrange(new Rect(new Point(0, 0), _finalItemSize)); //when use transformations change to childs.DesireSize
|
||||
}
|
||||
AnimateAll();
|
||||
|
||||
if (!_isNotFirstArrange)
|
||||
_isNotFirstArrange = true;
|
||||
|
||||
return _calculatedSize;
|
||||
}
|
||||
#endregion
|
||||
|
||||
#region Static
|
||||
//this can be an extension method
|
||||
public static DependencyObject GetParent(DependencyObject o, Func<DependencyObject, bool> matchFunction)
|
||||
{
|
||||
DependencyObject t = o;
|
||||
do
|
||||
{
|
||||
t = VisualTreeHelper.GetParent(t);
|
||||
} while (t != null && !matchFunction.Invoke(t));
|
||||
return t;
|
||||
}
|
||||
#endregion
|
||||
|
||||
//TODO: Add IsEditing property
|
||||
//TODO: Add Scale transform to items for fill items area
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user