manutdkid77 / cally Goto Github PK

This is a sample Android and iOS app created using Xamarin Forms to demonstrate creation of a work schedule/task calendar using ScrollViews and BindableLayouts

A mockup was given that required very complex features 😳

• First column of calendar to display employee names.
• Remainning columns to display employee tasks for each day of week. These can be scrolled vertically as well as horizontally.
• The first column should not be manually scrollable but can be scrolled (Vertcically) when employee tasks column are scrolled.

• Initial plan was to use 2 ListViews but listviews dont support horizontal and verticall scrolling at the same time. Also ScrollTo method of ListView doesn't support scrolling via X,Y coordinates distance.
• Decided to use 2 scrollviews which can embed StackLayouts having an ItemSource property. Thank you andreinitescu
• Display the employee names column within the first scrollview.
• Mark the IsEnabled property of first scrollview as false, to disable manual scrolling
• Display the employee tasks/scehdules within second scrollview. When this scrollview is scrolled, use the ScrollTo method to scroll the first scrollview.
• Have use the awesome PrismLib for binding the StackLayouts 💪

This solution requires Visual Studio for Mac 2017 or 2019.

This solution requires Visual Studio for PC 2017 or 2019.

VideoLink