Merge pull request #14 from argorain/customizable-timelineeditortrack…

…-action-icons Customizable timelineeditortrack action icons and border color
neckaros · Dec 19, 2020 · c1b4389 · c1b4389
2 parents e916569 + f252020
commit c1b4389
Showing 1 changed file with 30 additions and 8 deletions.
diff --git a/lib/timeline_editor_track.dart b/lib/timeline_editor_track.dart
@@ -20,6 +20,9 @@ class TimelineEditorCard extends ITimelineEditorCard {
   /// background color of this box
   final Color color;
 
+  /// optional border color when selected
+  final Color borderColor;
+
   /// optional [PopupMenuEntry] list to display if a user long press this box
   final List<PopupMenuEntry> menuEntries;
 
@@ -34,6 +37,15 @@ class TimelineEditorCard extends ITimelineEditorCard {
   /// possibility of moving this box
   final void Function(Duration duration) onMovedStart;
 
+  /// optional icon for [onMovedStart]
+  final Icon onMovedStartIcon;
+
+  /// optional icon for [onMovedDuration]
+  final Icon onMovedDurationIcon;
+
+  /// optional icon for [menuEntries]
+  final Icon menuEntriesIcon;
+
   const TimelineEditorCard(Duration start,
       {Key key,
       Duration duration,
@@ -42,10 +54,14 @@ class TimelineEditorCard extends ITimelineEditorCard {
       this.onTap,
       this.child,
       this.color,
+      this.borderColor,
       this.menuEntries,
       this.onSelectedMenuItem,
       this.onMovedDuration,
-      this.onMovedStart})
+      this.onMovedStart,
+      this.onMovedStartIcon,
+      this.onMovedDurationIcon,
+      this.menuEntriesIcon})
       : super(key: key, start: start, duration: duration);
 
   @override
@@ -69,7 +85,7 @@ class TimelineEditorCard extends ITimelineEditorCard {
               Positioned.fill(
                 child: Container(
                   decoration: BoxDecoration(
-                    border: Border.all(color: Colors.white, width: 6),
+                    border: Border.all(color: borderColor != null ? borderColor : Colors.white, width: 6),
                   ),
                 ),
               ),
@@ -83,8 +99,10 @@ class TimelineEditorCard extends ITimelineEditorCard {
                     height: 30,
                     width: 30,
                     child: Container(
-                      color: Colors.white,
-                      child: Icon(
+                      color: borderColor != null ? borderColor : Colors.white,
+                      child: onMovedDurationIcon != null 
+                      ? onMovedDurationIcon 
+                      : Icon(
                         Icons.swap_horiz,
                         color: Colors.black,
                       ),
@@ -102,8 +120,10 @@ class TimelineEditorCard extends ITimelineEditorCard {
                     height: 30,
                     width: 30,
                     child: Container(
-                      color: Colors.white,
-                      child: Icon(
+                      color: borderColor != null ? borderColor : Colors.white,
+                      child: onMovedStartIcon != null 
+                      ? onMovedStartIcon 
+                      : Icon(
                         Icons.swap_horiz,
                         color: Colors.black,
                       ),
@@ -123,8 +143,10 @@ class TimelineEditorCard extends ITimelineEditorCard {
                       return menuEntries;
                     },
                     child: Container(
-                      color: Colors.white,
-                      child: Icon(
+                      color: borderColor != null ? borderColor : Colors.white,
+                      child: menuEntriesIcon != null 
+                      ? menuEntriesIcon 
+                      : Icon(
                         Icons.menu,
                         color: Colors.black,
                       ),