Add CircularShell

[myroot]

Description of Change

• Add CircularShell, it is a Shell renderer for Circular form-factor device
  • Enhanced feature for Circular
    • Interact with bezel rotating
    • Lazy loading for ShellSection Items
    • Optimze for small screen size
  • Unsupported feature on Shell
    • Flyout Header
    • All about releated with ShellAppearance
    • NavigationBar (including Title / SearchHandler)
    • Top tab
    • Bottom tab

Bugs Fixed

• None

API Changes

Added:

• Add CircularShell

Create a CircularShell Application

• Subclass the CircularShell class

AppShell.xaml

<?xml version="1.0" encoding="utf-8" ?>
<w:CircularShell xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:w="clr-namespace:Tizen.Wearable.CircularUI.Forms;assembly=Tizen.Wearable.CircularUI.Forms"
             x:Class="Example.AppShell">

</w:CircularShell>

AppShell.xaml.cs

using Xamarin.Forms;
using Tizen.Wearable.CircularUI.Forms;

namespace Example
{
    public partial class AppShell : CircularShell
    {
        public AppShell()
        {
            InitializeComponent();
        }
    }
}

Behavioral Changes

• ShellFlyout
  ->

• Top tabs
  ->

---

• CircularShell provide flyout navigation menu, it slideup from bottom
  

• Navigating with flyout navigation menu
  

• When content was touched, flyout navigation bar was automatically hide
  

• App developer can disable flyout navigation bar with FlyoutBehavior property
  

• App developer can change flyout navigation bar icon with FlyoutIcon property
  

• Flyout navigation menu can close with back button and swipe down gesture
  

[myroot]

Suggested change

	[assembly: ExportRenderer(typeof(Tizen.Wearable.CircularUI.Forms.CircularShell), typeof(Tizen.Wearable.CircularUI.Forms.Renderer.ShellRenderer))]
	[assembly: ExportRenderer(typeof(XShell), typeof(Tizen.Wearable.CircularUI.Forms.Renderer.ShellRenderer))]

[rookiejava]

• TO DO
  • Flyout background color and text color (tizen specific)
  • Visual of flyout icon area (background area or only display icon)
  • Adding ui test (WearableUIGallery)

@shyunMin As we discussed yesterday, please let me know if both Shell and CircularShell are working properly.

[shyunMin]

@rookiejava I've checked latest codes Shell and CircularShell work well.