示例#1
0
        /// <summary>
        /// Update all positions. Launch every animations on all items with a unique StoryBoard
        /// </summary>
        private void UpdatePosition()
        {
            storyboard = new Storyboard();

            isUpdatingPosition = true;

            for (int i = 0; i < this.internalList.Count; i++)
            {
                // Do not animate all items
                var inf = this.SelectedIndex - (MaxVisibleItems * 2);
                var sup = this.SelectedIndex + (MaxVisibleItems * 2);

                if (i < inf || i > sup)
                    continue;

                var item = internalList[i];

                PlaneProjection planeProjection = item.Projection as PlaneProjection;

                if (planeProjection == null)
                    continue;

                // Get target projection
                var props = GetProjection(i, 0d);

                // Zindex and Opacity
                var deltaFromSelectedIndex = Math.Abs(this.SelectedIndex - i);
                int zindex = (this.internalList.Count * 100) - deltaFromSelectedIndex;
                Canvas.SetZIndex(item, zindex);

                Double opacity = 1d - (Math.Abs((Double)(i - this.SelectedIndex) / (MaxVisibleItems + 1)));

                var newVisibility = deltaFromSelectedIndex > MaxVisibleItems
                               ? Visibility.Collapsed
                               : Visibility.Visible;

                // Item already present
                if (item.Visibility == newVisibility && item.Visibility == Visibility.Visible)
                {
                    storyboard.AddAnimation(item, TransitionDuration, props.Item1, "(UIElement.Projection).(PlaneProjection.LocalOffsetX)", this.EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, props.Item2, "(UIElement.Projection).(PlaneProjection.GlobalOffsetY)", this.EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, props.Item3, "(UIElement.Projection).(PlaneProjection.GlobalOffsetZ)", this.EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, props.Item4, "(UIElement.Projection).(PlaneProjection.RotationY)", this.EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, opacity, "Opacity", this.EasingFunction);
                }
                else if (newVisibility == Visibility.Visible)
                {
                    // This animation will occur in the ArrangeOverride() method
                    item.Visibility = newVisibility;
                    item.Opacity = 0d;
                }
                else if (newVisibility == Visibility.Collapsed)
                {
                    storyboard.AddAnimation(item, TransitionDuration, 0d, "Opacity", this.EasingFunction);
                    storyboard.Completed += (sender, o) =>
                        item.Visibility = Visibility.Collapsed;
                }
            }

            // When storyboard completed, Invalidate
            storyboard.Completed += (sender, o) =>
            {
                this.isUpdatingPosition = false;
                this.InvalidateArrange();
            };

            storyboard.Begin();
        }
示例#2
0
        /// <summary>
        /// Update all positions. Launch every animations on all items with a unique StoryBoard.
        /// </summary>
        private void UpdatePosition()
        {
            var storyboard = new Storyboard();

            _isUpdatingPosition = true;

            for (var i = 0; i < _internalList.Count; i++)
            {
                // TODO optimize (x2 ?)
                // don't animate all items
                var inf = SelectedIndex - (MaxVisibleItems * 2);
                var sup = SelectedIndex + (MaxVisibleItems * 2);

                if (i < inf || i > sup)
                {
                    continue;
                }

                var item = _internalList[i];

                var planeProjection = item.Projection as PlaneProjection;
                if (planeProjection == null)
                {
                    continue;
                }

                // get target projection
                var props = GetProjection(i, 0d);

                // Zindex and Opacity
                var deltaFromSelectedIndex = Math.Abs(SelectedIndex - i);
                var zindex = (_internalList.Count * 100) - deltaFromSelectedIndex;
                SetZIndex(item, zindex);

                var opacity = 1d - (Math.Abs((double)(i - SelectedIndex) / (MaxVisibleItems + 1)));
                var newVisibility = deltaFromSelectedIndex > MaxVisibleItems ? Visibility.Collapsed : Visibility.Visible;

                // item already present
                if (item.Visibility == newVisibility && item.Visibility == Visibility.Visible)
                {
                    storyboard.AddAnimation(item, TransitionDuration, props.Item1, "(UIElement.Projection).(PlaneProjection.LocalOffsetX)", EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, props.Item2, "(UIElement.Projection).(PlaneProjection.GlobalOffsetY)", EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, props.Item3, "(UIElement.Projection).(PlaneProjection.GlobalOffsetZ)", EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, props.Item4, "(UIElement.Projection).(PlaneProjection.RotationY)", EasingFunction);
                    storyboard.AddAnimation(item, TransitionDuration, opacity, "Opacity", EasingFunction);
                }
                else switch (newVisibility)
                {
                    case Visibility.Visible:
                        // this animation will occur in the ArrangeOverride() method
                        item.Visibility = newVisibility;
                        item.Opacity = 0d;
                        break;
                    case Visibility.Collapsed:
                        storyboard.AddAnimation(item, TransitionDuration, 0d, "Opacity", EasingFunction);
                        storyboard.Completed += (sender, o) =>
                        {
                            item.Visibility = Visibility.Collapsed;
                        };
                        break;
                }
            }

            // start storyboard
            // when storyboard completed, InvalidateArrange()
            storyboard.Completed += (sender, o) =>
            {
                _isUpdatingPosition = false;
                InvalidateArrange();
            };
            storyboard.Begin();
        }
示例#3
0
        /// <summary>
        /// Arrange all items
        /// </summary>
        protected override Size ArrangeOverride(Size finalSize)
        {
            if (isUpdatingPosition)
                return finalSize;

            Double centerLeft = 0;
            Double centerTop = 0;

            this.Clip = new RectangleGeometry { Rect = new Rect(0, 0, finalSize.Width, finalSize.Height) };

            // Set
            Canvas.SetZIndex(rectangle, 1);

            // Storyboard for all Items to appear
            var localStoryboard = new Storyboard();

            for (int i = 0; i < this.internalList.Count; i++)
            {
                UIElement container = internalList[i];

                Size desiredSize = container.DesiredSize;
                if (double.IsNaN(desiredSize.Width) || double.IsNaN(desiredSize.Height)) continue;

                // get the good center and top position
                if (centerLeft == 0 && centerTop == 0 && desiredSize.Width > 0 && desiredSize.Height > 0)
                {
                    desiredWidth = desiredSize.Width;
                    desiredHeight = desiredSize.Height;

                    centerLeft = (finalSize.Width / 2) - (desiredWidth / 2);
                    centerTop = (finalSize.Height - desiredHeight) / 2;
                }

                // Get position from SelectedIndex
                var deltaFromSelectedIndex = Math.Abs(this.SelectedIndex - i);

                // Get rect position
                var rect = new Rect(centerLeft, centerTop, desiredWidth, desiredHeight);

                container.Arrange(rect);
                Canvas.SetLeft(container, centerLeft);
                Canvas.SetTop(container, centerTop);

                // Apply Transform
                PlaneProjection planeProjection = container.Projection as PlaneProjection;

                if (planeProjection == null)
                    continue;

                // Get an initial projection (without move)
                var props = GetProjection(i, 0d);

                planeProjection.LocalOffsetX = props.Item1;
                planeProjection.GlobalOffsetY = props.Item2;
                planeProjection.GlobalOffsetZ = props.Item3;
                planeProjection.RotationY = props.Item4;

                // calculate zindex and opacity
                int zindex = (this.internalList.Count * 100) - deltaFromSelectedIndex;
                double opacity = 1d - (Math.Abs((Double)(i - this.SelectedIndex) / (MaxVisibleItems + 1)));

                container.Opacity = opacity;
                // Item appears
                if (container.Visibility == Visibility.Visible && container.Opacity == 0d)
                    localStoryboard.AddAnimation(container, TransitionDuration, 0, opacity, "Opacity", this.EasingFunction);
                else
                    container.Opacity = opacity;

                Canvas.SetZIndex(container, zindex);

            }

            rectangle.Fill = new SolidColorBrush(Colors.Black);
            rectangle.Opacity = 0.9;
            Canvas.SetLeft(rectangle, 0);
            Canvas.SetTop(rectangle, (this.ActualHeight / 2));
            Canvas.SetZIndex(rectangle, 1);
            rectangle.Width = this.ActualWidth;
            rectangle.Height = this.ActualHeight;

            if (localStoryboard.Children.Count > 0)
                localStoryboard.Begin();

            return finalSize;
        }
示例#4
0
        protected override Size ArrangeOverride(Size finalSize)
        {
            if (_isUpdatingPosition)
            {
                return finalSize;
            }

            var centerLeft = 0.0;
            var centerTop = 0.0;

            Clip = new RectangleGeometry { Rect = new Rect(0, 0, finalSize.Width, finalSize.Height) };

            // storyboard for all items to appear
            var localStoryboard = new Storyboard();
            for (var i = 0; i < _internalList.Count; i++)
            {
                var container = _internalList[i];

                var desiredSize = container.DesiredSize;
                if (double.IsNaN(desiredSize.Width) || double.IsNaN(desiredSize.Height))
                {
                    continue;
                }

                // get the good center and top position
                if (centerLeft == 0 && centerTop == 0 && desiredSize.Width > 0 && desiredSize.Height > 0)
                {
                    _desiredWidth = desiredSize.Width;
                    _desiredHeight = desiredSize.Height;

                    centerLeft = (finalSize.Width / 2) - (_desiredWidth / 2);
                    centerTop = (finalSize.Height - _desiredHeight) / 2;
                }

                // get delta position from SelectedIndex
                var deltaFromSelectedIndex = Math.Abs(SelectedIndex - i);

                // get rect position
                var rect = new Rect(centerLeft, centerTop, _desiredWidth, _desiredHeight);
                container.Arrange(rect);
                SetLeft(container, centerLeft);
                SetTop(container, centerTop);

                // get an initial projection (without move)
                // apply transformation
                var planeProjection = container.Projection as PlaneProjection;
                if (planeProjection == null)
                    continue;

                var props = GetProjection(i, 0d);
                planeProjection.LocalOffsetX = props.Item1;
                planeProjection.GlobalOffsetY = props.Item2;
                planeProjection.GlobalOffsetZ = props.Item3;
                planeProjection.RotationY = props.Item4;

                // calculate zindex and opacity
                var zindex = (_internalList.Count * 100) - deltaFromSelectedIndex;
                var opacity = 1d - (Math.Abs((double)(i - SelectedIndex) / (MaxVisibleItems + 1)));
                SetZIndex(container, zindex);
                container.Opacity = opacity;

                // item appearance
                if (container.Visibility == Visibility.Visible && container.Opacity == 0.0)
                {
                    localStoryboard.AddAnimation(container, TransitionDuration, 0, opacity, "Opacity", EasingFunction);
                }
                else
                {
                    container.Opacity = opacity;
                }
            }

            //rectangle.Fill = new SolidColorBrush(Colors.Black);
            //rectangle.Opacity = 0.9;
            //Canvas.SetLeft(rectangle, 0);
            //Canvas.SetTop(rectangle, (this.ActualHeight / 2));
            //Canvas.SetZIndex(rectangle, 1);
            //rectangle.Width = this.ActualWidth;
            //rectangle.Height = this.ActualHeight;

            // start storyboard
            if (localStoryboard.Children.Count > 0)
            {
                localStoryboard.Begin();
            }
            return finalSize;
        }