1 /* Copyright (c) 2020 Samsung Electronics Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
7 * http://www.apache.org/licenses/LICENSE-2.0
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
18 using Tizen.NUI.BaseComponents;
19 using System.Collections.Generic;
20 using System.ComponentModel;
21 using System.Diagnostics;
22 using System.Runtime.InteropServices;
23 using Tizen.NUI.Accessibility;
25 namespace Tizen.NUI.Components
28 /// ScrollEventArgs is a class to record scroll event arguments which will sent to user.
30 /// <since_tizen> 8 </since_tizen>
31 public class ScrollEventArgs : EventArgs
33 private Position position;
36 /// Default constructor.
38 /// <param name="position">Current scroll position</param>
39 /// <since_tizen> 8 </since_tizen>
40 public ScrollEventArgs(Position position)
42 this.position = position;
46 /// Current position of ContentContainer.
48 /// <since_tizen> 8 </since_tizen>
49 public Position Position
59 /// ScrollOutofBoundEventArgs is to record scroll out-of-bound event arguments which will be sent to user.
61 [EditorBrowsable(EditorBrowsableState.Never)]
62 public class ScrollOutOfBoundEventArgs : EventArgs
65 /// The bound to be scrolled out of.
67 [EditorBrowsable(EditorBrowsableState.Never)]
73 [EditorBrowsable(EditorBrowsableState.Never)]
79 [EditorBrowsable(EditorBrowsableState.Never)]
84 /// Default constructor.
86 /// <param name="bound">Current scrollable bound</param>
87 [EditorBrowsable(EditorBrowsableState.Never)]
88 public ScrollOutOfBoundEventArgs(Bound bound)
90 ScrollableBound = bound;
94 /// Current position of ContentContainer.
96 [EditorBrowsable(EditorBrowsableState.Never)]
97 public Bound ScrollableBound
104 /// ScrollOutOfBoundWithDisplacementEventArgs is to record scroll out-of-bound event arguments which will be sent to user.
106 [EditorBrowsable(EditorBrowsableState.Never)]
107 public class ScrollOutOfBoundWithDisplacementEventArgs : EventArgs
110 /// The direction to be touched.
112 [EditorBrowsable(EditorBrowsableState.Never)]
113 public enum Direction
118 [EditorBrowsable(EditorBrowsableState.Never)]
124 [EditorBrowsable(EditorBrowsableState.Never)]
131 /// <param name="direction">Current pan direction</param>
132 /// <param name="displacement">Current total displacement</param>
133 [EditorBrowsable(EditorBrowsableState.Never)]
134 public ScrollOutOfBoundWithDisplacementEventArgs(Direction direction, float displacement)
136 PanDirection = direction;
137 Displacement = displacement;
141 /// Current pan direction of ContentContainer.
143 [EditorBrowsable(EditorBrowsableState.Never)]
144 public Direction PanDirection
150 /// Current total displacement of ContentContainer.
151 /// if its value is greater than 0, it is at the top/left;
152 /// if less than 0, it is at the bottom/right.
154 [EditorBrowsable(EditorBrowsableState.Never)]
155 public float Displacement
162 /// This class provides a View that can scroll a single View with a layout. This View can be a nest of Views.
164 /// <since_tizen> 8 </since_tizen>
165 public class ScrollableBase : Control
167 static bool LayoutDebugScrollableBase = false; // Debug flag
168 private Direction mScrollingDirection = Direction.Vertical;
169 private bool mScrollEnabled = true;
170 private int mScrollDuration = 125;
171 private int mPageWidth = 0;
172 private float mPageFlickThreshold = 0.4f;
173 private float mScrollingEventThreshold = 0.00001f;
175 private class ScrollableBaseCustomLayout : LayoutGroup
177 protected override void OnMeasure(MeasureSpecification widthMeasureSpec, MeasureSpecification heightMeasureSpec)
179 MeasuredSize.StateType childWidthState = MeasuredSize.StateType.MeasuredSizeOK;
180 MeasuredSize.StateType childHeightState = MeasuredSize.StateType.MeasuredSizeOK;
182 Direction scrollingDirection = Direction.Vertical;
183 ScrollableBase scrollableBase = this.Owner as ScrollableBase;
184 if (scrollableBase != null)
186 scrollingDirection = scrollableBase.ScrollingDirection;
189 float totalWidth = 0.0f;
190 float totalHeight = 0.0f;
192 // measure child, should be a single scrolling child
193 foreach (LayoutItem childLayout in LayoutChildren)
195 if (childLayout != null && childLayout.Owner.Name == "ContentContainer")
198 // Use an Unspecified MeasureSpecification mode so scrolling child is not restricted to it's parents size in Height (for vertical scrolling)
199 // or Width for horizontal scrolling
200 if (scrollingDirection == Direction.Vertical)
202 MeasureSpecification unrestrictedMeasureSpec = new MeasureSpecification(heightMeasureSpec.Size, MeasureSpecification.ModeType.Unspecified);
203 MeasureChildWithMargins(childLayout, widthMeasureSpec, new LayoutLength(0), unrestrictedMeasureSpec, new LayoutLength(0)); // Height unrestricted by parent
207 MeasureSpecification unrestrictedMeasureSpec = new MeasureSpecification(widthMeasureSpec.Size, MeasureSpecification.ModeType.Unspecified);
208 MeasureChildWithMargins(childLayout, unrestrictedMeasureSpec, new LayoutLength(0), heightMeasureSpec, new LayoutLength(0)); // Width unrestricted by parent
211 totalWidth = (childLayout.MeasuredWidth.Size + (childLayout.Padding.Start + childLayout.Padding.End)).AsDecimal();
212 totalHeight = (childLayout.MeasuredHeight.Size + (childLayout.Padding.Top + childLayout.Padding.Bottom)).AsDecimal();
214 if (childLayout.MeasuredWidth.State == MeasuredSize.StateType.MeasuredSizeTooSmall)
216 childWidthState = MeasuredSize.StateType.MeasuredSizeTooSmall;
218 if (childLayout.MeasuredHeight.State == MeasuredSize.StateType.MeasuredSizeTooSmall)
220 childHeightState = MeasuredSize.StateType.MeasuredSizeTooSmall;
225 MeasuredSize widthSizeAndState = ResolveSizeAndState(new LayoutLength(totalWidth), widthMeasureSpec, MeasuredSize.StateType.MeasuredSizeOK);
226 MeasuredSize heightSizeAndState = ResolveSizeAndState(new LayoutLength(totalHeight), heightMeasureSpec, MeasuredSize.StateType.MeasuredSizeOK);
227 totalWidth = widthSizeAndState.Size.AsDecimal();
228 totalHeight = heightSizeAndState.Size.AsDecimal();
230 // Ensure layout respects it's given minimum size
231 totalWidth = Math.Max(totalWidth, SuggestedMinimumWidth.AsDecimal());
232 totalHeight = Math.Max(totalHeight, SuggestedMinimumHeight.AsDecimal());
234 widthSizeAndState.State = childWidthState;
235 heightSizeAndState.State = childHeightState;
237 SetMeasuredDimensions(ResolveSizeAndState(new LayoutLength(totalWidth), widthMeasureSpec, childWidthState),
238 ResolveSizeAndState(new LayoutLength(totalHeight), heightMeasureSpec, childHeightState));
240 // Size of ScrollableBase is changed. Change Page width too.
241 if (scrollableBase != null)
243 scrollableBase.mPageWidth = (int)MeasuredWidth.Size.AsRoundedValue();
244 scrollableBase.OnScrollingChildRelayout(null, null);
248 protected override void OnLayout(bool changed, LayoutLength left, LayoutLength top, LayoutLength right, LayoutLength bottom)
250 foreach (LayoutItem childLayout in LayoutChildren)
252 if (childLayout != null && childLayout.Owner.Name == "ContentContainer")
254 LayoutLength childWidth = childLayout.MeasuredWidth.Size;
255 LayoutLength childHeight = childLayout.MeasuredHeight.Size;
257 Position2D childPosition = childLayout.Owner.Position2D;
259 LayoutLength childLeft = new LayoutLength(childPosition.X);
260 LayoutLength childTop = new LayoutLength(childPosition.Y);
262 childLayout.Layout(childLeft, childTop, childLeft + childWidth, childTop + childHeight);
266 } // ScrollableBaseCustomLayout
269 /// The direction axis to scroll.
271 /// <since_tizen> 8 </since_tizen>
272 public enum Direction
277 /// <since_tizen> 8 </since_tizen>
283 /// <since_tizen> 8 </since_tizen>
288 /// Scrolling direction mode.
289 /// Default is Vertical scrolling.
291 /// <since_tizen> 8 </since_tizen>
292 public Direction ScrollingDirection
296 return mScrollingDirection;
300 if (value != mScrollingDirection)
302 mScrollingDirection = value;
303 mPanGestureDetector.ClearAngles();
304 mPanGestureDetector.AddDirection(value == Direction.Horizontal ?
305 PanGestureDetector.DirectionHorizontal : PanGestureDetector.DirectionVertical);
307 ContentContainer.WidthSpecification = ScrollingDirection == Direction.Vertical ? LayoutParamPolicies.MatchParent : LayoutParamPolicies.WrapContent;
308 ContentContainer.HeightSpecification = ScrollingDirection == Direction.Vertical ? LayoutParamPolicies.WrapContent : LayoutParamPolicies.MatchParent;
314 /// Enable or disable scrolling.
316 /// <since_tizen> 8 </since_tizen>
317 public bool ScrollEnabled
321 return mScrollEnabled;
325 if (value != mScrollEnabled)
327 mScrollEnabled = value;
330 mPanGestureDetector.Detected += OnPanGestureDetected;
334 mPanGestureDetector.Detected -= OnPanGestureDetected;
341 /// Pages mode, enables moving to the next or return to current page depending on pan displacement.
342 /// Default is false.
344 /// <since_tizen> 8 </since_tizen>
345 public bool SnapToPage { set; get; } = false;
348 /// Get current page.
349 /// Working property with SnapToPage property.
351 /// <since_tizen> 8 </since_tizen>
352 public int CurrentPage { get; private set; } = 0;
355 /// Duration of scroll animation.
356 /// Default value is 125ms.
358 /// <since_tizen> 8 </since_tizen>
359 public int ScrollDuration
363 mScrollDuration = value >= 0 ? value : mScrollDuration;
367 return mScrollDuration;
372 /// Scroll Available area.
374 /// <since_tizen> 8 </since_tizen>
375 public Vector2 ScrollAvailableArea { set; get; }
378 /// An event emitted when user starts dragging ScrollableBase, user can subscribe or unsubscribe to this event handler.<br />
380 /// <since_tizen> 8 </since_tizen>
381 public event EventHandler<ScrollEventArgs> ScrollDragStarted;
384 /// An event emitted when user stops dragging ScrollableBase, user can subscribe or unsubscribe to this event handler.<br />
386 /// <since_tizen> 8 </since_tizen>
387 public event EventHandler<ScrollEventArgs> ScrollDragEnded;
390 /// An event emitted when the scrolling slide animation starts, user can subscribe or unsubscribe to this event handler.<br />
392 /// <since_tizen> 8 </since_tizen>
393 public event EventHandler<ScrollEventArgs> ScrollAnimationStarted;
396 /// An event emitted when the scrolling slide animation ends, user can subscribe or unsubscribe to this event handler.<br />
398 /// <since_tizen> 8 </since_tizen>
399 public event EventHandler<ScrollEventArgs> ScrollAnimationEnded;
402 /// An event emitted when scrolling, user can subscribe or unsubscribe to this event handler.<br />
404 /// <since_tizen> 8 </since_tizen>
405 public event EventHandler<ScrollEventArgs> Scrolling;
408 /// An event emitted when scrolling out of bound, user can subscribe or unsubscribe to this event handler.<br />
410 [EditorBrowsable(EditorBrowsableState.Never)]
411 public event EventHandler<ScrollOutOfBoundEventArgs> ScrollOutOfBound;
414 /// An event emitted when scrolling out of bound, user can subscribe or unsubscribe to this event handler.<br />
416 [EditorBrowsable(EditorBrowsableState.Never)]
417 public event EventHandler<ScrollOutOfBoundWithDisplacementEventArgs> ScrollOutOfBoundWithDisplacement;
420 /// Scrollbar for ScrollableBase.
422 /// <since_tizen> 8 </since_tizen>
423 public ScrollbarBase Scrollbar
433 base.Remove(scrollBar);
437 if (scrollBar != null)
439 scrollBar.Name = "ScrollBar";
457 /// Always hide Scrollbar.
459 /// <since_tizen> 8 </since_tizen>
460 public bool HideScrollbar
464 return hideScrollbar;
468 hideScrollbar = value;
485 /// Container which has content of ScrollableBase.
487 /// <since_tizen> 8 </since_tizen>
488 public View ContentContainer { get; private set; }
491 /// Set the layout on this View. Replaces any existing Layout.
493 /// <since_tizen> 8 </since_tizen>
494 public new LayoutItem Layout
498 return ContentContainer.Layout;
502 ContentContainer.Layout = value;
503 if (ContentContainer.Layout != null)
505 ContentContainer.Layout.SetPositionByLayout = false;
511 /// List of children of Container.
513 /// <since_tizen> 8 </since_tizen>
514 public new List<View> Children
518 return ContentContainer.Children;
523 /// Deceleration rate of scrolling by finger.
524 /// Rate should be bigger than 0 and smaller than 1.
525 /// Default value is 0.998f;
527 /// <since_tizen> 8 </since_tizen>
528 public float DecelerationRate
532 return decelerationRate;
536 decelerationRate = (value < 1 && value > 0) ? value : decelerationRate;
537 logValueOfDeceleration = (float)Math.Log(value);
542 /// Threashold not to go infinit at the end of scrolling animation.
544 [EditorBrowsable(EditorBrowsableState.Never)]
545 public float DecelerationThreshold { get; set; } = 0.1f;
548 /// Scrolling event will be thrown when this amount of scroll positino is changed.
550 [EditorBrowsable(EditorBrowsableState.Never)]
551 public float ScrollingEventThreshold
555 return mScrollingEventThreshold;
559 if (mScrollingEventThreshold != value && value > 0)
561 ContentContainer.RemovePropertyNotification(propertyNotification);
562 propertyNotification = ContentContainer.AddPropertyNotification("position", PropertyCondition.Step(value));
563 propertyNotification.Notified += OnPropertyChanged;
564 mScrollingEventThreshold = value;
570 /// Page will be changed when velocity of panning is over threshold.
571 /// The unit of threshold is pixel per milisec.
573 /// <since_tizen> 8 </since_tizen>
574 public float PageFlickThreshold
578 return mPageFlickThreshold;
582 mPageFlickThreshold = value >= 0f ? value : mPageFlickThreshold;
587 /// Padding for the ScrollableBase
589 [EditorBrowsable(EditorBrowsableState.Never)]
590 public Extents Padding
594 return ContentContainer.Padding;
598 ContentContainer.Padding = value;
603 /// Alphafunction for scroll animation.
605 [EditorBrowsable(EditorBrowsableState.Never)]
606 public AlphaFunction ScrollAlphaFunction { get; set; } = new AlphaFunction(AlphaFunction.BuiltinFunctions.Linear);
608 private bool hideScrollbar = true;
609 private float maxScrollDistance;
610 private float childTargetPosition = 0.0f;
611 private PanGestureDetector mPanGestureDetector;
612 private View mInterruptTouchingChild;
613 private ScrollbarBase scrollBar;
614 private bool scrolling = false;
615 private float ratioOfScreenWidthToCompleteScroll = 0.5f;
616 private float totalDisplacementForPan = 0.0f;
617 private Size previousContainerSize = new Size();
618 private Size previousSize = new Size();
619 private PropertyNotification propertyNotification;
620 private float noticeAnimationEndBeforePosition = 0.0f;
621 private bool readyToNotice = false;
624 /// Notice before animation is finished.
626 [EditorBrowsable(EditorBrowsableState.Never)]
627 // Let's consider more whether this needs to be set as protected.
628 public float NoticeAnimationEndBeforePosition
630 get => noticeAnimationEndBeforePosition;
631 set => noticeAnimationEndBeforePosition = value;
634 // Let's consider more whether this needs to be set as protected.
635 private float finalTargetPosition;
637 private Animation scrollAnimation;
638 // Declare user alpha function delegate
639 [UnmanagedFunctionPointer(CallingConvention.StdCall)]
640 private delegate float UserAlphaFunctionDelegate(float progress);
641 private UserAlphaFunctionDelegate customScrollAlphaFunction;
642 private float velocityOfLastPan = 0.0f;
643 private float panAnimationDuration = 0.0f;
644 private float panAnimationDelta = 0.0f;
645 private float logValueOfDeceleration = 0.0f;
646 private float decelerationRate = 0.0f;
648 private View verticalTopShadowView;
649 private View verticalBottomShadowView;
650 private const int verticalShadowScaleHeightLimit = 64 * 3;
651 private const int verticalShadowAnimationDuration = 300;
652 private Animation verticalShadowAnimation;
653 private bool isVerticalShadowShown = false;
654 private float startShowShadowDisplacement;
657 /// Default Constructor
659 /// <since_tizen> 8 </since_tizen>
660 public ScrollableBase() : base()
662 DecelerationRate = 0.998f;
664 base.Layout = new ScrollableBaseCustomLayout();
665 mPanGestureDetector = new PanGestureDetector();
666 mPanGestureDetector.Attach(this);
667 mPanGestureDetector.AddDirection(PanGestureDetector.DirectionVertical);
668 mPanGestureDetector.Detected += OnPanGestureDetected;
670 ClippingMode = ClippingModeType.ClipToBoundingBox;
672 //Default Scrolling child
673 ContentContainer = new View()
675 Name = "ContentContainer",
676 WidthSpecification = ScrollingDirection == Direction.Vertical ? LayoutParamPolicies.MatchParent : LayoutParamPolicies.WrapContent,
677 HeightSpecification = ScrollingDirection == Direction.Vertical ? LayoutParamPolicies.WrapContent : LayoutParamPolicies.MatchParent,
678 Layout = new AbsoluteLayout()
680 SetPositionByLayout = false
683 ContentContainer.Relayout += OnScrollingChildRelayout;
684 propertyNotification = ContentContainer.AddPropertyNotification("position", PropertyCondition.Step(mScrollingEventThreshold));
685 propertyNotification.Notified += OnPropertyChanged;
686 base.Add(ContentContainer);
688 //Interrupt touching when panning is started
689 mInterruptTouchingChild = new View()
691 Size = new Size(Window.Instance.WindowSize),
692 BackgroundColor = Color.Transparent,
694 mInterruptTouchingChild.TouchEvent += OnIterruptTouchingChildTouched;
695 Scrollbar = new Scrollbar();
697 //Show vertical shadow on the top (or bottom) of the scrollable when panning down (or up).
698 verticalTopShadowView = new View
700 BackgroundImage = Tizen.NUI.FrameworkInformation.ResourcePath + "nui_component_default_scroll_over_shooting_top.png",
703 PositionUsesPivotPoint = true,
704 ParentOrigin = NUI.ParentOrigin.TopCenter,
705 PivotPoint = NUI.PivotPoint.TopCenter,
707 verticalBottomShadowView = new View
709 BackgroundImage = Tizen.NUI.FrameworkInformation.ResourcePath + "nui_component_default_scroll_over_shooting_bottom.png",
712 PositionUsesPivotPoint = true,
713 ParentOrigin = NUI.ParentOrigin.BottomCenter,
714 PivotPoint = NUI.PivotPoint.BottomCenter,
716 if (ThemeManager.CurrentProfile == ThemeManager.Profile.Mobile)
718 AccessibilityManager.Instance.SetAccessibilityAttribute(this, AccessibilityManager.AccessibilityAttribute.Trait, "ScrollableBase");
722 private bool OnIterruptTouchingChildTouched(object source, View.TouchEventArgs args)
724 if (args.Touch.GetState(0) == PointStateType.Down)
726 if (scrolling && !SnapToPage)
734 private void OnPropertyChanged(object source, PropertyNotification.NotifyEventArgs args)
740 /// Called after a child has been added to the owning view.
742 /// <param name="view">The child which has been added.</param>
743 /// <since_tizen> 8 </since_tizen>
744 public override void Add(View view)
746 ContentContainer.Add(view);
750 /// Called after a child has been removed from the owning view.
752 /// <param name="view">The child which has been removed.</param>
753 /// <since_tizen> 8 </since_tizen>
754 public override void Remove(View view)
756 if (SnapToPage && CurrentPage == Children.IndexOf(view) && CurrentPage == Children.Count - 1)
758 // Target View is current page and also last child.
759 // CurrentPage should be changed to previous page.
760 CurrentPage = Math.Max(0, CurrentPage - 1);
761 ScrollToIndex(CurrentPage);
764 ContentContainer.Remove(view);
767 private void OnScrollingChildRelayout(object source, EventArgs args)
769 // Size is changed. Calculate maxScrollDistance.
770 bool isSizeChanged = previousContainerSize.Width != ContentContainer.Size.Width || previousContainerSize.Height != ContentContainer.Size.Height ||
771 previousSize.Width != Size.Width || previousSize.Height != Size.Height;
775 maxScrollDistance = CalculateMaximumScrollDistance();
779 previousContainerSize = ContentContainer.Size;
784 /// The composition of a Scrollbar can vary depending on how you use ScrollableBase.
785 /// Set the composition that will go into the ScrollableBase according to your ScrollableBase.
787 /// <since_tizen> 8 </since_tizen>
788 [EditorBrowsable(EditorBrowsableState.Never)]
789 protected virtual void SetScrollbar()
793 bool isHorizontal = ScrollingDirection == Direction.Horizontal;
794 float contentLength = isHorizontal ? ContentContainer.Size.Width : ContentContainer.Size.Height;
795 float viewportLength = isHorizontal ? Size.Width : Size.Height;
796 float currentPosition = isHorizontal ? ContentContainer.CurrentPosition.X : ContentContainer.CurrentPosition.Y;
797 Scrollbar.Initialize(contentLength, viewportLength, currentPosition, isHorizontal);
802 /// Scrolls to the item at the specified index.
804 /// <param name="index">Index of item.</param>
805 /// <since_tizen> 8 </since_tizen>
806 public void ScrollToIndex(int index)
808 if (ContentContainer.ChildCount - 1 < index || index < 0)
818 float targetPosition = Math.Min(ScrollingDirection == Direction.Vertical ? Children[index].Position.Y : Children[index].Position.X, maxScrollDistance);
819 AnimateChildTo(ScrollDuration, -targetPosition);
822 private void OnScrollDragStarted()
824 ScrollEventArgs eventArgs = new ScrollEventArgs(ContentContainer.CurrentPosition);
825 ScrollDragStarted?.Invoke(this, eventArgs);
828 private void OnScrollDragEnded()
830 ScrollEventArgs eventArgs = new ScrollEventArgs(ContentContainer.CurrentPosition);
831 ScrollDragEnded?.Invoke(this, eventArgs);
834 private void OnScrollAnimationStarted()
836 ScrollEventArgs eventArgs = new ScrollEventArgs(ContentContainer.CurrentPosition);
837 ScrollAnimationStarted?.Invoke(this, eventArgs);
840 private void OnScrollAnimationEnded()
843 base.Remove(mInterruptTouchingChild);
845 ScrollEventArgs eventArgs = new ScrollEventArgs(ContentContainer.CurrentPosition);
846 ScrollAnimationEnded?.Invoke(this, eventArgs);
849 private void OnScroll()
851 ScrollEventArgs eventArgs = new ScrollEventArgs(ContentContainer.CurrentPosition);
852 Scrolling?.Invoke(this, eventArgs);
854 bool isHorizontal = ScrollingDirection == Direction.Horizontal;
855 float contentLength = isHorizontal ? ContentContainer.Size.Width : ContentContainer.Size.Height;
856 float currentPosition = isHorizontal ? ContentContainer.CurrentPosition.X : ContentContainer.CurrentPosition.Y;
858 scrollBar?.Update(contentLength, Math.Abs(currentPosition));
859 CheckPreReachedTargetPosition();
862 private void CheckPreReachedTargetPosition()
864 // Check whether we reached pre-reached target position
866 ContentContainer.CurrentPosition.Y <= finalTargetPosition + NoticeAnimationEndBeforePosition &&
867 ContentContainer.CurrentPosition.Y >= finalTargetPosition - NoticeAnimationEndBeforePosition)
870 readyToNotice = false;
871 OnPreReachedTargetPosition(finalTargetPosition);
876 /// This helps developer who wants to know before scroll is reaching target position.
878 /// <param name="targetPosition">Index of item.</param>
879 /// This may be public opened in tizen_6.0 after ACR done. Before ACR, need to be hidden as inhouse API
880 [EditorBrowsable(EditorBrowsableState.Never)]
881 protected virtual void OnPreReachedTargetPosition(float targetPosition)
886 private void StopScroll()
888 if (scrollAnimation != null)
890 if (scrollAnimation.State == Animation.States.Playing)
892 Debug.WriteLineIf(LayoutDebugScrollableBase, "StopScroll Animation Playing");
893 scrollAnimation.Stop(Animation.EndActions.Cancel);
894 OnScrollAnimationEnded();
896 scrollAnimation.Clear();
900 private void AnimateChildTo(int duration, float axisPosition)
902 Debug.WriteLineIf(LayoutDebugScrollableBase, "AnimationTo Animation Duration:" + duration + " Destination:" + axisPosition);
903 finalTargetPosition = axisPosition;
905 StopScroll(); // Will replace previous animation so will stop existing one.
907 if (scrollAnimation == null)
909 scrollAnimation = new Animation();
910 scrollAnimation.Finished += ScrollAnimationFinished;
913 scrollAnimation.Duration = duration;
914 scrollAnimation.DefaultAlphaFunction = new AlphaFunction(AlphaFunction.BuiltinFunctions.EaseOutSquare);
915 scrollAnimation.AnimateTo(ContentContainer, (ScrollingDirection == Direction.Horizontal) ? "PositionX" : "PositionY", axisPosition, ScrollAlphaFunction);
917 OnScrollAnimationStarted();
918 scrollAnimation.Play();
922 /// Scroll to specific position with or without animation.
924 /// <param name="position">Destination.</param>
925 /// <param name="animate">Scroll with or without animation</param>
926 /// <since_tizen> 8 </since_tizen>
927 public void ScrollTo(float position, bool animate)
929 float currentPositionX = ContentContainer.CurrentPosition.X != 0 ? ContentContainer.CurrentPosition.X : ContentContainer.Position.X;
930 float currentPositionY = ContentContainer.CurrentPosition.Y != 0 ? ContentContainer.CurrentPosition.Y : ContentContainer.Position.Y;
931 float delta = ScrollingDirection == Direction.Horizontal ? currentPositionX : currentPositionY;
932 // The argument position is the new pan position. So the new position of ScrollableBase becomes (-position).
933 // To move ScrollableBase's position to (-position), it moves by (-position - currentPosition).
934 delta = -position - delta;
936 ScrollBy(delta, animate);
939 private float BoundScrollPosition(float targetPosition)
941 if (ScrollAvailableArea != null)
943 float minScrollPosition = ScrollAvailableArea.X;
944 float maxScrollPosition = ScrollAvailableArea.Y;
946 targetPosition = Math.Min(-minScrollPosition, targetPosition);
947 targetPosition = Math.Max(-maxScrollPosition, targetPosition);
951 targetPosition = Math.Min(0, targetPosition);
952 targetPosition = Math.Max(-maxScrollDistance, targetPosition);
955 return targetPosition;
958 private void ScrollBy(float displacement, bool animate)
960 if (GetChildCount() == 0 || maxScrollDistance < 0)
965 float childCurrentPosition = (ScrollingDirection == Direction.Horizontal) ? ContentContainer.PositionX : ContentContainer.PositionY;
967 Debug.WriteLineIf(LayoutDebugScrollableBase, "ScrollBy childCurrentPosition:" + childCurrentPosition +
968 " displacement:" + displacement,
969 " maxScrollDistance:" + maxScrollDistance);
971 childTargetPosition = childCurrentPosition + displacement; // child current position + gesture displacement
973 Debug.WriteLineIf(LayoutDebugScrollableBase, "ScrollBy currentAxisPosition:" + childCurrentPosition + "childTargetPosition:" + childTargetPosition);
977 // Calculate scroll animaton duration
978 float scrollDistance = Math.Abs(displacement);
979 readyToNotice = true;
981 AnimateChildTo(ScrollDuration, BoundScrollPosition(AdjustTargetPositionOfScrollAnimation(BoundScrollPosition(childTargetPosition))));
985 finalTargetPosition = BoundScrollPosition(childTargetPosition);
987 // Set position of scrolling child without an animation
988 if (ScrollingDirection == Direction.Horizontal)
990 ContentContainer.PositionX = finalTargetPosition;
994 ContentContainer.PositionY = finalTargetPosition;
1000 /// you can override it to clean-up your own resources.
1002 /// <param name="type">DisposeTypes</param>
1003 /// This will be public opened in tizen_5.5 after ACR done. Before ACR, need to be hidden as inhouse API.
1004 [EditorBrowsable(EditorBrowsableState.Never)]
1005 protected override void Dispose(DisposeTypes type)
1012 if (type == DisposeTypes.Explicit)
1014 if (ThemeManager.CurrentProfile == ThemeManager.Profile.Mobile)
1016 AccessibilityManager.Instance.DeleteAccessibilityAttribute(this);
1018 StopVerticalShadowAnimation();
1021 if (mPanGestureDetector != null)
1023 mPanGestureDetector.Detected -= OnPanGestureDetected;
1024 mPanGestureDetector.Dispose();
1025 mPanGestureDetector = null;
1028 propertyNotification.Dispose();
1033 private float CalculateMaximumScrollDistance()
1035 float scrollingChildLength = 0;
1036 float scrollerLength = 0;
1037 if (ScrollingDirection == Direction.Horizontal)
1039 Debug.WriteLineIf(LayoutDebugScrollableBase, "Horizontal");
1041 scrollingChildLength = ContentContainer.Size.Width;
1042 scrollerLength = Size.Width;
1046 Debug.WriteLineIf(LayoutDebugScrollableBase, "Vertical");
1047 scrollingChildLength = ContentContainer.Size.Height;
1048 scrollerLength = Size.Height;
1051 Debug.WriteLineIf(LayoutDebugScrollableBase, "ScrollBy maxScrollDistance:" + (scrollingChildLength - scrollerLength) +
1052 " parent length:" + scrollerLength +
1053 " scrolling child length:" + scrollingChildLength);
1055 return Math.Max(scrollingChildLength - scrollerLength, 0);
1058 private void PageSnap(float velocity)
1060 Debug.WriteLineIf(LayoutDebugScrollableBase, "PageSnap with pan candidate totalDisplacement:" + totalDisplacementForPan +
1061 " currentPage[" + CurrentPage + "]");
1063 //Increment current page if total displacement enough to warrant a page change.
1064 if (Math.Abs(totalDisplacementForPan) > (mPageWidth * ratioOfScreenWidthToCompleteScroll))
1066 if (totalDisplacementForPan < 0)
1068 CurrentPage = Math.Min(Math.Max(Children.Count - 1, 0), ++CurrentPage);
1072 CurrentPage = Math.Max(0, --CurrentPage);
1075 else if (Math.Abs(velocity) > PageFlickThreshold)
1079 CurrentPage = Math.Min(Math.Max(Children.Count - 1, 0), ++CurrentPage);
1083 CurrentPage = Math.Max(0, --CurrentPage);
1087 // Animate to new page or reposition to current page
1088 float destinationX = -(Children[CurrentPage].Position.X + Children[CurrentPage].CurrentSize.Width / 2 - CurrentSize.Width / 2); // set to middle of current page
1089 Debug.WriteLineIf(LayoutDebugScrollableBase, "Snapping to page[" + CurrentPage + "] to:" + destinationX + " from:" + ContentContainer.PositionX);
1090 AnimateChildTo(ScrollDuration, destinationX);
1094 /// Enable/Disable overshooting effect. default is disabled.
1096 [EditorBrowsable(EditorBrowsableState.Never)]
1097 public bool EnableOverShootingEffect { get; set; } = false;
1099 private void AttachShadowView()
1101 if (!EnableOverShootingEffect)
1104 if (ScrollingDirection != Direction.Vertical)
1107 // stop animation if necessary.
1108 StopVerticalShadowAnimation();
1110 base.Add(verticalTopShadowView);
1111 base.Add(verticalBottomShadowView);
1113 verticalTopShadowView.Size = new Size(SizeWidth, 0.0f);
1114 verticalTopShadowView.Opacity = 1.0f;
1115 verticalTopShadowView.RaiseToTop();
1117 verticalBottomShadowView.Size = new Size(SizeWidth, 0.0f);
1118 verticalBottomShadowView.Opacity = 1.0f;
1119 verticalBottomShadowView.RaiseToTop();
1121 // at the beginning, height of vertical shadow is 0, so it is invisible.
1122 isVerticalShadowShown = false;
1125 private void DragVerticalShadow(float totalPanDisplacement, float panDisplacement)
1127 if (!EnableOverShootingEffect)
1130 if (ScrollingDirection != Direction.Vertical)
1133 if (totalPanDisplacement > 0) // downwards
1135 // check if reaching at the top.
1136 if ((int)finalTargetPosition != 0)
1138 isVerticalShadowShown = false;
1142 // save start displacement, and re-calculate displacement.
1143 if (!isVerticalShadowShown)
1145 startShowShadowDisplacement = totalPanDisplacement;
1147 isVerticalShadowShown = true;
1150 ScrollOutOfBoundWithDisplacementEventArgs.Direction direction = panDisplacement > 0 ?
1151 ScrollOutOfBoundWithDisplacementEventArgs.Direction.Down : ScrollOutOfBoundWithDisplacementEventArgs.Direction.Up;
1152 OnScrollOutOfBoundWithDisplacement(direction, totalPanDisplacement);
1154 float newDisplacement = (int)totalPanDisplacement < (int)startShowShadowDisplacement ? 0 : totalPanDisplacement - startShowShadowDisplacement;
1156 // scale limit of width is 60%.
1157 float widthScale = newDisplacement / verticalShadowScaleHeightLimit;
1158 verticalTopShadowView.SizeWidth = widthScale > 0.6f ? SizeWidth * 0.4f : SizeWidth * (1.0f - widthScale);
1160 // scale limit of height is 300%.
1161 verticalTopShadowView.SizeHeight = newDisplacement > verticalShadowScaleHeightLimit ? verticalShadowScaleHeightLimit : newDisplacement;
1163 else if (totalPanDisplacement < 0) // upwards
1165 // check if reaching at the bottom.
1166 if (-(int)finalTargetPosition != (int)maxScrollDistance)
1168 isVerticalShadowShown = false;
1172 // save start displacement, and re-calculate displacement.
1173 if (!isVerticalShadowShown)
1175 startShowShadowDisplacement = totalPanDisplacement;
1177 isVerticalShadowShown = true;
1180 ScrollOutOfBoundWithDisplacementEventArgs.Direction direction = panDisplacement > 0 ?
1181 ScrollOutOfBoundWithDisplacementEventArgs.Direction.Down : ScrollOutOfBoundWithDisplacementEventArgs.Direction.Up;
1182 OnScrollOutOfBoundWithDisplacement(direction, totalPanDisplacement);
1184 float newDisplacement = (int)startShowShadowDisplacement < (int)totalPanDisplacement ? 0 : startShowShadowDisplacement - totalPanDisplacement;
1186 // scale limit of width is 60%.
1187 float widthScale = newDisplacement / verticalShadowScaleHeightLimit;
1188 verticalBottomShadowView.SizeWidth = widthScale > 0.6f ? SizeWidth * 0.4f : SizeWidth * (1.0f - widthScale);
1190 // scale limit of height is 300%.
1191 verticalBottomShadowView.SizeHeight = newDisplacement > verticalShadowScaleHeightLimit ? verticalShadowScaleHeightLimit : newDisplacement;
1195 // if total displacement is 0, shadow would become invisible.
1196 isVerticalShadowShown = false;
1200 private void PlayVerticalShadowAnimation()
1202 if (!EnableOverShootingEffect)
1205 if (ScrollingDirection != Direction.Vertical)
1208 // stop animation if necessary.
1209 StopVerticalShadowAnimation();
1211 if (verticalShadowAnimation == null)
1213 verticalShadowAnimation = new Animation(verticalShadowAnimationDuration);
1214 verticalShadowAnimation.Finished += OnVerticalShadowAnimationFinished;
1217 View targetView = totalDisplacementForPan < 0 ? verticalBottomShadowView : verticalTopShadowView;
1218 verticalShadowAnimation.AnimateTo(targetView, "SizeWidth", SizeWidth);
1219 verticalShadowAnimation.AnimateTo(targetView, "SizeHeight", 0.0f);
1220 verticalShadowAnimation.AnimateTo(targetView, "Opacity", 0.0f);
1221 verticalShadowAnimation.Play();
1224 private void StopVerticalShadowAnimation()
1226 if (verticalShadowAnimation == null || verticalShadowAnimation.State != Animation.States.Playing)
1229 verticalShadowAnimation.Stop(Animation.EndActions.Cancel);
1230 OnVerticalShadowAnimationFinished(null, null);
1231 verticalShadowAnimation.Clear();
1234 private void OnVerticalShadowAnimationFinished(object sender, EventArgs e)
1236 base.Remove(verticalTopShadowView);
1237 base.Remove(verticalBottomShadowView);
1239 verticalTopShadowView.Size = new Size(SizeWidth, 0.0f);
1240 verticalBottomShadowView.Size = new Size(SizeWidth, 0.0f);
1242 // after animation finished, height & opacity of vertical shadow both are 0, so it is invisible.
1243 isVerticalShadowShown = false;
1246 private void OnScrollOutOfBoundWithDisplacement(ScrollOutOfBoundWithDisplacementEventArgs.Direction direction, float displacement)
1248 ScrollOutOfBoundWithDisplacementEventArgs args = new ScrollOutOfBoundWithDisplacementEventArgs(direction, displacement);
1249 ScrollOutOfBoundWithDisplacement?.Invoke(this, args);
1252 private void OnPanGestureDetected(object source, PanGestureDetector.DetectedEventArgs e)
1254 OnPanGesture(e.PanGesture);
1257 private void OnPanGesture(PanGesture panGesture)
1259 if (SnapToPage && scrollAnimation != null && scrollAnimation.State == Animation.States.Playing)
1264 if (panGesture.State == Gesture.StateType.Started)
1266 readyToNotice = false;
1267 base.Add(mInterruptTouchingChild);
1269 Debug.WriteLineIf(LayoutDebugScrollableBase, "Gesture Start");
1270 if (scrolling && !SnapToPage)
1274 totalDisplacementForPan = 0.0f;
1275 OnScrollDragStarted();
1277 else if (panGesture.State == Gesture.StateType.Continuing)
1279 if (ScrollingDirection == Direction.Horizontal)
1281 ScrollBy(panGesture.Displacement.X, false);
1282 totalDisplacementForPan += panGesture.Displacement.X;
1286 // if vertical shadow is shown, does not scroll.
1287 if (!isVerticalShadowShown)
1289 ScrollBy(panGesture.Displacement.Y, false);
1291 totalDisplacementForPan += panGesture.Displacement.Y;
1292 DragVerticalShadow(totalDisplacementForPan, panGesture.Displacement.Y);
1294 Debug.WriteLineIf(LayoutDebugScrollableBase, "OnPanGestureDetected Continue totalDisplacementForPan:" + totalDisplacementForPan);
1296 else if (panGesture.State == Gesture.StateType.Finished || panGesture.State == Gesture.StateType.Cancelled)
1298 PlayVerticalShadowAnimation();
1299 OnScrollDragEnded();
1300 StopScroll(); // Will replace previous animation so will stop existing one.
1302 if (scrollAnimation == null)
1304 scrollAnimation = new Animation();
1305 scrollAnimation.Finished += ScrollAnimationFinished;
1308 float panVelocity = (ScrollingDirection == Direction.Horizontal) ? panGesture.Velocity.X : panGesture.Velocity.Y;
1312 PageSnap(panVelocity);
1316 if (panVelocity == 0)
1318 float currentScrollPosition = (ScrollingDirection == Direction.Horizontal ? ContentContainer.CurrentPosition.X : ContentContainer.CurrentPosition.Y);
1319 scrollAnimation.DefaultAlphaFunction = new AlphaFunction(AlphaFunction.BuiltinFunctions.Linear);
1320 scrollAnimation.Duration = 0;
1321 scrollAnimation.AnimateTo(ContentContainer, (ScrollingDirection == Direction.Horizontal) ? "PositionX" : "PositionY", currentScrollPosition);
1322 scrollAnimation.Play();
1326 Decelerating(panVelocity, scrollAnimation);
1330 totalDisplacementForPan = 0;
1332 readyToNotice = true;
1333 OnScrollAnimationStarted();
1337 internal override bool OnAccessibilityPan(PanGesture gestures)
1339 if (SnapToPage && scrollAnimation != null && scrollAnimation.State == Animation.States.Playing)
1344 OnPanGesture(gestures);
1348 private float CustomScrollAlphaFunction(float progress)
1350 if (panAnimationDelta == 0)
1356 // Parameter "progress" is normalized value. We need to multiply target duration to calculate distance.
1357 // Can get real distance using equation of deceleration (check Decelerating function)
1358 // After get real distance, normalize it
1359 float realDuration = progress * panAnimationDuration;
1360 float realDistance = velocityOfLastPan * ((float)Math.Pow(decelerationRate, realDuration) - 1) / logValueOfDeceleration;
1361 float result = Math.Min(realDistance / Math.Abs(panAnimationDelta), 1.0f);
1367 /// you can override it to custom your decelerating
1369 /// <param name="velocity">Velocity of current pan.</param>
1370 /// <param name="animation">Scroll animation.</param>
1371 [EditorBrowsable(EditorBrowsableState.Never)]
1372 protected virtual void Decelerating(float velocity, Animation animation)
1374 // Decelerating using deceleration equation ===========
1376 // V : velocity (pixel per milisecond)
1377 // V0 : initial velocity
1378 // d : deceleration rate,
1380 // X : final position after decelerating
1381 // log : natural logarithm
1383 // V(t) = V0 * d pow t;
1384 // X(t) = V0 * (d pow t - 1) / log d; <-- Integrate the velocity function
1385 // X(∞) = V0 * d / (1 - d); <-- Result using inifit T can be final position because T is tending to infinity.
1387 // Because of final T is tending to inifity, we should use threshold value to finish.
1388 // Final T = log(-threshold * log d / |V0| ) / log d;
1390 velocityOfLastPan = Math.Abs(velocity);
1392 float currentScrollPosition = -(ScrollingDirection == Direction.Horizontal ? ContentContainer.CurrentPosition.X : ContentContainer.CurrentPosition.Y);
1393 panAnimationDelta = (velocityOfLastPan * decelerationRate) / (1 - decelerationRate);
1394 panAnimationDelta = velocity > 0 ? -panAnimationDelta : panAnimationDelta;
1396 float destination = -(panAnimationDelta + currentScrollPosition);
1397 float adjustDestination = AdjustTargetPositionOfScrollAnimation(destination);
1398 float maxPosition = ScrollAvailableArea != null ? ScrollAvailableArea.Y : maxScrollDistance;
1399 float minPosition = ScrollAvailableArea != null ? ScrollAvailableArea.X : 0;
1401 if (destination < -maxPosition || destination > minPosition)
1403 panAnimationDelta = velocity > 0 ? (currentScrollPosition - minPosition) : (maxPosition - currentScrollPosition);
1404 destination = velocity > 0 ? minPosition : -maxPosition;
1406 if (panAnimationDelta == 0)
1408 panAnimationDuration = 0.0f;
1412 panAnimationDuration = (float)Math.Log((panAnimationDelta * logValueOfDeceleration / velocityOfLastPan + 1), decelerationRate);
1415 Debug.WriteLineIf(LayoutDebugScrollableBase, "\n" +
1416 "OverRange======================= \n" +
1417 "[decelerationRate] " + decelerationRate + "\n" +
1418 "[logValueOfDeceleration] " + logValueOfDeceleration + "\n" +
1419 "[Velocity] " + velocityOfLastPan + "\n" +
1420 "[CurrentPosition] " + currentScrollPosition + "\n" +
1421 "[CandidateDelta] " + panAnimationDelta + "\n" +
1422 "[Destination] " + destination + "\n" +
1423 "[Duration] " + panAnimationDuration + "\n" +
1424 "================================ \n"
1429 panAnimationDuration = (float)Math.Log(-DecelerationThreshold * logValueOfDeceleration / velocityOfLastPan) / logValueOfDeceleration;
1431 if (adjustDestination != destination)
1433 destination = adjustDestination;
1434 panAnimationDelta = destination + currentScrollPosition;
1435 velocityOfLastPan = Math.Abs(panAnimationDelta * logValueOfDeceleration / ((float)Math.Pow(decelerationRate, panAnimationDuration) - 1));
1436 panAnimationDuration = (float)Math.Log(-DecelerationThreshold * logValueOfDeceleration / velocityOfLastPan) / logValueOfDeceleration;
1439 Debug.WriteLineIf(LayoutDebugScrollableBase, "\n" +
1440 "================================ \n" +
1441 "[decelerationRate] " + decelerationRate + "\n" +
1442 "[logValueOfDeceleration] " + logValueOfDeceleration + "\n" +
1443 "[Velocity] " + velocityOfLastPan + "\n" +
1444 "[CurrentPosition] " + currentScrollPosition + "\n" +
1445 "[CandidateDelta] " + panAnimationDelta + "\n" +
1446 "[Destination] " + destination + "\n" +
1447 "[Duration] " + panAnimationDuration + "\n" +
1448 "================================ \n"
1452 finalTargetPosition = destination;
1454 customScrollAlphaFunction = new UserAlphaFunctionDelegate(CustomScrollAlphaFunction);
1455 animation.DefaultAlphaFunction = new AlphaFunction(customScrollAlphaFunction);
1456 GC.KeepAlive(customScrollAlphaFunction);
1457 animation.Duration = (int)panAnimationDuration;
1458 animation.AnimateTo(ContentContainer, (ScrollingDirection == Direction.Horizontal) ? "PositionX" : "PositionY", destination);
1462 private void ScrollAnimationFinished(object sender, EventArgs e)
1464 OnScrollAnimationEnded();
1468 /// Adjust scrolling position by own scrolling rules.
1469 /// Override this function when developer wants to change destination of flicking.(e.g. always snap to center of item)
1471 /// This may be public opened in tizen_6.0 after ACR done. Before ACR, need to be hidden as inhouse API
1472 [EditorBrowsable(EditorBrowsableState.Never)]
1473 protected virtual float AdjustTargetPositionOfScrollAnimation(float position)
1479 /// Scroll position given to ScrollTo.
1480 /// This is the position in the opposite direction to the position of ContentContainer.
1482 /// <since_tizen> 8 </since_tizen>
1483 public Position ScrollPosition
1487 return new Position(-ContentContainer.Position);
1492 /// Current scroll position in the middle of ScrollTo animation.
1493 /// This is the position in the opposite direction to the current position of ContentContainer.
1495 /// <since_tizen> 8 </since_tizen>
1496 public Position ScrollCurrentPosition
1500 return new Position(-ContentContainer.CurrentPosition);
1505 /// Remove all children in ContentContainer.
1507 /// <param name="dispose">If true, removed child is disposed.</param>
1508 [EditorBrowsable(EditorBrowsableState.Never)]
1509 public void RemoveAllChildren(bool dispose = false)
1511 RecursiveRemoveChildren(ContentContainer, dispose);
1514 private void RecursiveRemoveChildren(View parent, bool dispose)
1520 int maxChild = (int)parent.GetChildCount();
1521 for (int i = maxChild - 1; i >= 0; --i)
1523 View child = parent.GetChildAt((uint)i);
1528 RecursiveRemoveChildren(child, dispose);
1529 parent.Remove(child);