/// <summary>
 /// The <see cref="Center"/> PropertyChangedCallback function.
 /// </summary>
 /// <param name="d">The <see cref="CarouselItem"/> object whose <see cref="Center"/> property changed.</param>
 /// <param name="e">DependencyPropertyChangedEventArgs which contains the old and new values.</param>
 private static void OnCenterPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
 {
     CarouselItem item = d as CarouselItem;
     if (d != null)
     {
         item.CenterChanged((Point)e.NewValue);
     }
 }
 /// <summary>
 /// The <see cref="Axis"/> PropertyChangedCallback static function.
 /// </summary>
 /// <param name="d">The <see cref="CarouselItem"/> object whose <see cref="Axis"/> property changed.</param>
 /// <param name="e">DependencyPropertyChangedEventArgs which contains the old and new values.</param>
 private static void OnAxisPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
 {
     CarouselItem item = d as CarouselItem;
     if (d != null)
     {
         item.AxisChanged((Size)e.NewValue);
     }
 }
 /// <summary>
 /// <see cref="Angle"/> PropertyChangedCallback static function.
 /// </summary>
 /// <param name="d">The <see cref="CarouselItem"/> object whose <see cref="Angle"/> property changed.</param>
 /// <param name="e">DependencyPropertyChangedEventArgs which contains the old and new values.</param>
 private static void OnAnglePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
 {
     CarouselItem item = d as CarouselItem;
     if (d != null)
     {
         item.AngleChanged((double)e.OldValue, (double)e.NewValue);
     }
 }
Example #4
0
 // User click the item with left mouse button
 void item_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
 {
     if (SelectedItemViewer != null)
     {
         CarouselItem item   = sender as CarouselItem;
         ItemSource   source = item.Tag as ItemSource;
         SelectedItemViewer.Source      = source.ImageSource;
         SelectedItemViewer.Title       = source.Title;
         SelectedItemViewer.NavigateUri = source.NavigateUri;
         OnSelectedItemChanged(source);
     }
 }
Example #5
0
        /// <summary>
        /// Create the total storyboard contains all item's animations.
        /// </summary>
        /// <param name="items">The carousel items collection.</param>
        /// <param name="direction">The carousel turnning direction.</param>
        /// <returns>The storyboard just created.</returns>
        private Storyboard BuildStoryboard(UIElementCollection items, TurnDirection direction)
        {
            // The carousel storyboard
            Storyboard sb = null;

            if (this.Resources.Contains(CarouselStoryboardKey))
            {
                // if already in resources, get from resources
                sb = this.Resources[CarouselStoryboardKey] as Storyboard;
                // Must stop it before we change it
                sb.Stop();
                // and clear the children
                sb.Children.Clear(); // because we rebuild all item
            }
            else
            {
                sb = new Storyboard();
                // Add to resources dictionary
                this.Resources.Add(CarouselStoryboardKey, sb);
            }

            // Now, we start build each item's storyboard
            int    itemsCount = items.Count;
            double perAngle   = _2PI / itemsCount;
            double by         = _2PI;

            for (int i = 0; i < itemsCount; i++)
            {
                double angle = i * perAngle + Math.PI / 2;

                // We only care the carouselitem
                CarouselItem item = items[i] as CarouselItem;
                if (item != null)
                {
                    item.Angle = angle;

                    // Add item's storyboard to main storyboard
                    if (direction == TurnDirection.Clockwise)
                    {
                        sb.Children.Add(BuildStoryboard(item, by, Duration));
                    }
                    else
                    {
                        sb.Children.Add(BuildStoryboard(item, -by, Duration));
                    }
                }
            }

            return(sb);
        }
Example #6
0
 // The carousel item height changed
 private void ItemHeightChanged(double itemHeight)
 {
     if (CarouselCanvas != null)
     {
         foreach (var item in CarouselCanvas.Children)
         {
             CarouselItem ci = item as CarouselItem;
             if (ci != null)
             {
                 ci.Width = itemHeight;
             }
         }
     }
 }
Example #7
0
        /// <summary>
        /// Place a item to carousel canvas.
        /// </summary>
        /// <param name="item">The item will be placed.</param>
        /// <returns>The <see cref="CarouselItem"/> just placed.</returns>
        private CarouselItem PlaceItem(ItemSource item)
        {
            CarouselItem cItem = new CarouselItem();

            cItem.Width  = ItemWidth;
            cItem.Height = ItemHeight;
            cItem.Source = item.ImageSource;
            cItem.Tag    = item;

            // Attach the handle
            cItem.MouseLeftButtonDown += new MouseButtonEventHandler(item_MouseLeftButtonDown);

            // Add item to carousel canvas
            CarouselCanvas.Children.Add(cItem);

            return(cItem);
        }
Example #8
0
        /// <summary>
        /// Build storyboard to animate the item.
        /// </summary>
        /// <param name="name">The name of the storyboard.</param>
        /// <param name="from">The from angle.</param>
        /// <param name="to">The end angle.</param>
        /// <param name="duration">The duration of the animation.</param>
        /// <returns>The builded storyboard.</returns>
        //private Storyboard BuildStoryboard(CarouselItem item, double from, double to, Duration duration)
        //{
        //    Storyboard storyboard = new Storyboard();
        //    //this.Resources.Add(name, storyboard);

        //    // Angle animation
        //    DoubleAnimation doubleAnimation = new DoubleAnimation();
        //    doubleAnimation.From = from;
        //    doubleAnimation.To = to;
        //    doubleAnimation.Duration = duration;
        //    doubleAnimation.RepeatBehavior = RepeatBehavior.Forever;

        //    // Set storyboard target property
        //    storyboard.Children.Add(doubleAnimation);
        //    Storyboard.SetTarget(doubleAnimation, item);
        //    Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("Angle"));

        //    return storyboard;
        //}

        /// <summary>
        /// Build storyboard to animate the item.
        /// </summary>
        /// <param name="name">The name of the storyboard.</param>
        /// <param name="by">The total amount by which the animation changes its starting value.</param>
        /// <returns>The builded storyboard.</returns>
        private Storyboard BuildStoryboard(CarouselItem item, double by, Duration duration)
        {
            Storyboard storyboard = new Storyboard();
            //this.Resources.Add(name, storyboard);

            // Angle animation
            DoubleAnimation doubleAnimation = new DoubleAnimation();

            doubleAnimation.By             = by;
            doubleAnimation.Duration       = duration;
            doubleAnimation.RepeatBehavior = RepeatBehavior.Forever;

            // Set storyboard target property
            storyboard.Children.Add(doubleAnimation);
            Storyboard.SetTarget(doubleAnimation, item);
            Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("Angle"));

            return(storyboard);
        }
Example #9
0
        /// <summary>
        /// Turnning one step in specifies direction.
        /// </summary>
        /// <param name="direction">The turnning direction.</param>
        /// <remarks>You can call this function only
        /// the <see cref="AutoTurn"/> is set to <c>false</c>.</remarks>
        public void TrunOnStep(TurnDirection direction)
        {
            if (AutoTurn)
            {
                return;
            }
            if (CarouselCanvas != null)
            {
                double perAngle = _2PI / CarouselCanvas.Children.Count;
                foreach (var item in CarouselCanvas.Children)
                {
                    CarouselItem cItem = item as CarouselItem;
                    if (cItem != null)
                    {
                        if (direction == TurnDirection.Clockwise)
                        {
                            cItem.Angle += perAngle;
                        }
                        else
                        {
                            cItem.Angle -= perAngle;
                        }

                        // if overceed 2 PI, then adjust it
                        if (cItem.Angle > _2PI)
                        {
                            cItem.Angle -= _2PI;
                        }
                        else if (cItem.Angle < -_2PI)
                        {
                            cItem.Angle += _2PI;
                        }
                    }
                }
            }
        }
Example #10
0
        // The item collection changed
        private void Items_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
        {
            if (CarouselCanvas != null)
            {
                switch (e.Action)
                {
                case NotifyCollectionChangedAction.Add:
                    // Add item to collection
                {
                    // X and Y axis of the ellipse
                    double radiusX = (this.CarouselCanvas.ActualWidth - 2 * ItemWidth
                                      - (Padding.Left + Padding.Right)) / 2;
                    double radiusY = (this.CarouselCanvas.ActualHeight - 2 * ItemHeight
                                      - (Padding.Top + Padding.Bottom)) / 2;

                    // center point of the ellipse
                    double centerX = radiusX + ItemWidth / 2 + Padding.Left;
                    double centerY = radiusY + Padding.Top;


                    Point center = new Point(centerX, centerY);
                    Size  axis   = new Size(radiusX, radiusY);

                    int count = e.NewItems.Count;
                    for (int i = 0; i < count; i++)
                    {
                        CarouselItem cItem = PlaceItem(e.NewItems[i] as ItemSource);
                        cItem.Center = center;
                        cItem.Axis   = axis;
                    }

                    Storyboard sb = BuildStoryboard(CarouselCanvas.Children, this.TurnDirection);
                    if (this.AutoTurn)
                    {
                        sb.Begin();
                    }
                }
                break;

                case NotifyCollectionChangedAction.Remove:
                    // Remove item from collection
                {
                    int count = e.OldItems.Count;
                    for (int i = 0; i < count; i++)
                    {
                        CarouselCanvas.Children.RemoveAt(e.OldStartingIndex + i);
                    }

                    Storyboard sb = BuildStoryboard(CarouselCanvas.Children, this.TurnDirection);
                    if (this.AutoTurn)
                    {
                        sb.Begin();
                    }
                }
                break;

                case NotifyCollectionChangedAction.Replace:
                    // Replace item
                {
                    int count = e.OldItems.Count;
                    for (int i = 0; i < count; i++)
                    {
                        CarouselItem item = CarouselCanvas.Children[e.OldStartingIndex + i] as CarouselItem;
                        item.Source = (e.NewItems[i] as ItemSource).ImageSource;
                    }
                }
                break;

                case NotifyCollectionChangedAction.Reset:
                    // Reset the collection
                {
                    // do nothing
                }
                break;
                }
            }
        }