label animation

FileManager_UWP/Controls/LabelListControl.cs

@@ -11,12 +11,20 @@ using Windows.UI.Xaml.Documents;
 using Windows.UI.Xaml.Input;
 using Windows.UI.Xaml.Markup;
 using Windows.UI.Xaml.Media;
+using Windows.UI.Xaml.Media.Animation;
 
 // The Templated Control item template is documented at https://go.microsoft.com/fwlink/?LinkId=234235
 
 namespace FileManager_UWP.Controls {
 
     public class LabelListControl: ItemsControl {
+
+        //private int _collpse_distance = 22;
+        //private List<int> _expanded_position = new List<int>();
+        private Storyboard _collpse_story_board = new Storyboard();
+        private Storyboard _expand_story_board = new Storyboard();
+        private Duration _animate_during = new Duration(TimeSpan.FromMilliseconds(500));
+
         private ResourceDictionary genericResourceDictionary;
         public LabelListControl() {
             this.DefaultStyleKey = typeof(LabelListControl);
@@ -27,6 +35,10 @@ namespace FileManager_UWP.Controls {
 
         private void ItemsSource_CollectionChanged(object sender, 
             System.Collections.Specialized.NotifyCollectionChangedEventArgs e) {
+            update();
+        }
+
+        private void update() {
             TextBlock textBlock = (TextBlock)GetTemplateChild("LabelTextBlock");
             textBlock.Text = "测试自定义控件\n";
             //listView.ItemsSource = ItemsSource;
@@ -36,20 +48,38 @@ namespace FileManager_UWP.Controls {
             Canvas labelListCanvas = (Canvas)GetTemplateChild("LabelListCanvas");
             //labelListCanvas.Children.Count;
             labelListCanvas.Children.Clear();
+            _collpse_story_board.Children.Clear();
+            _expand_story_board.Children.Clear();
+            int expanded_position = 0;
             foreach (string label in itemsSource) {
                 Button b = new Button();
                 b.Content = label;
-                b.SetValue(Canvas.LeftProperty, labelListCanvas.Children.Count * 10);
+                //b.SetValue(Canvas.LeftProperty, labelListCanvas.Children.Count * _collpse_distance);
                 //b.Style = (Style)Application.Current.Resources["LabelButtonStyle"];
+                b.SetValue(Canvas.LeftProperty, expanded_position);
                 b.Style = (Style)genericResourceDictionary["LabelButtonStyle"];
+
+                DoubleAnimation collpse_animate = new DoubleAnimation();
+                collpse_animate.From = labelListCanvas.Children.Count * 22;
+                collpse_animate.To = expanded_position;
+                collpse_animate.Duration = _animate_during;
+                _collpse_story_board.Children.Add(collpse_animate);
+                Storyboard.SetTarget(collpse_animate, b);
+                Storyboard.SetTargetProperty(collpse_animate, "(Canvas.Left)");
+
+                DoubleAnimation expand_animate = new DoubleAnimation();
+                expand_animate.From = collpse_animate.To;
+                expand_animate.To = collpse_animate.From;
+                expand_animate.Duration = _animate_during;
+                _expand_story_board.Children.Add(expand_animate);
+                Storyboard.SetTarget(expand_animate, b);
+                Storyboard.SetTargetProperty(expand_animate, "(Canvas.Left)");
+
+                expanded_position += label.Count() * 14 + 20;
                 labelListCanvas.Children.Add(b);
             }
         }
 
-        private void update() {
-            
-        }
-
         private void init() {
             var itemsSource = ItemsSource as ObservableCollection<string>;
             itemsSource.CollectionChanged += ItemsSource_CollectionChanged;
@@ -59,6 +89,17 @@ namespace FileManager_UWP.Controls {
 
         protected override void OnApplyTemplate() {
             init();
+            update();
+        }
+
+        protected override void OnPointerEntered(PointerRoutedEventArgs e) {
+            base.OnPointerEntered(e);
+            _collpse_story_board.Begin();
+        }
+
+        protected override void OnPointerExited(PointerRoutedEventArgs e) {
+            base.OnPointerExited(e);
+            _expand_story_board.Begin();
         }
     }
 }