Utilisation de Xamarin.Form Shell sur Galaxy Watch

Qu’est-ce que Shell?

Shell est un conteneur pour une application, ajouté comme caractéristique majeure Xamarin.Forms 4.0.0. Il réduit la complexité du développement d’applications mobiles en fournissant les fonctionnalités fondamentales dont la plupart des applications mobiles ont besoin, notamment:

• Un seul endroit pour décrire la hiérarchie visuelle d’une application.
• Une expérience utilisateur de navigation commune.
• Un schéma de navigation basé sur l’URI qui permet de naviguer vers n’importe quelle page de l’application.
• Un gestionnaire de recherche intégré.

En plus, Shell les applications bénéficient d’une vitesse de rendu accrue et d’une consommation de mémoire réduite.
Pour plus de détails sur Shell, consultez la documentation de Xamarin.Forms Shell.

Coque sur Galaxy Watch

Tizen .NET essaie toujours de suivre Xamarin.Forms, donc Shell est pris en charge sur Tizen sur Xamarin.Forms 4.1.0. Consultez les nouveautés de Tizen sur Xamarin.Forms 4.1.0 pour en savoir plus sur les nouveautés de Tizen sur Xamarin.Forms 4.1.0.
cependant, Shell ne peut pas montrer sa pleine capacité, y compris le menu déroulant et les onglets sur les applications portables, car le Shell n’est pas conçu à l’origine pour tenir sur un petit écran de montre circulaire. Il est assez triste que les applications horlogères ne puissent pas Shell.

Dans le but de faire Shell puissant sur les portables, nous avons repensé l’interface utilisateur de Shell juste pour les portables.
Cette image montre comment Shell L’interface utilisateur ressemble à Tizen Wearables. Vous pouvez voir comment Shell L’interface utilisateur est modifiée et comment le Shell L’interface utilisateur examine les appareils portables Tizen.

Ci-dessus, un exemple d’application appelé Xaminal qui illustre Xamarin.Forms Shell.

Avantages de l’utilisation de Shell

Shell offre une expérience de navigation commune, basée sur une navigation à deux niveaux.
Il facilite le développement d’une application et l’application peut bénéficier d’améliorations de navigation, de performances et d’extensibilité.
Ce qui suit montre comment fonctionne la hiérarchie de la navigation à deux niveaux sur les appareils portables.

Limites

Principales caractéristiques de Shell sont pris en charge sur les appareils portables Tizen, vous pouvez donc définitivement essayer d’utiliser Shell dans votre candidature.
Cependant, il existe quelques limitations:

• SearchHandler n’est pas encore pris en charge.
• Tabbar n’est pas affiché, mais un utilisateur peut glisser pour se déplacer entre les pages.

Cet article présente comment nous avons appliqué Shell sur nos appareils portables et comment vous pouvez les utiliser.

Comment utiliser Shell sur les objets connectés?

Shell L’interface utilisateur pour les appareils portables Tizen est dans Tizen.CircularUI, et elle est fournie dans Tizen.Wearable.CircularUI 1.5.0-pre3 et versions ultérieures.

Remarque: Notre futur plan pour Shell pour les appareils portables est de le migrer vers Xamarin.Forms lorsqu’il est suffisamment stable et mature. Ensuite, vous n’auriez rien à faire pour utiliser Shell pour les appareils portables.

Si vous avez créé votre projet en utilisant Tizen Wearable App ou Tizen Wearable Xaml App modèles, CircularUI sera déjà là dans votre projet. Vous devez juste vous assurer que le Tizen.Wearable.CircularUI la version est 1.5.0-pre3 ou ultérieure.

Si vous êtes nouveau utilisant Tizen.CircularUI:

static void Main(string[] args){    var app = new Program();    Forms.Init(app);   // Initialize CircularUI    global::Tizen.Wearable.CircularUI.Forms.Renderer.FormsCircularUI.Init();       app.Run(args);}

Une fois que vous avez fait référence à Tizen.Wearable.CircularUI 1.5.0-pre3 ou plus tard dans votre projet, vous êtes prêt à découvrir le portable Shell UI.
Vous pouvez simplement utiliser Xamarin.Forms.Shell dans votre projet, puis Tizen.CircularUI fera le reste pour faire Shell L’interface utilisateur s’intègre dans la montre circulaire.

Principales caractéristiques

Voyons quelles sont les principales caractéristiques de Shell sont pris en charge et comment l’interface utilisateur diffère de Shell sur le mobile.

1. Flyout

Flyout est l’un des Views pour représenter le menu racine qui fournit une navigation de niveau supérieur de l’application Shell.
Cela consiste en FlyoutItemle sable MenuItems, et il montre une liste des éléments qui naviguent vers chaque ShellContent.
Sur les appareils portables, l’utilisateur peut ouvrir le Flyout en touchant une icône ou en faisant glisser l’icône vers le haut de l’écran.
Remarque: L’icône disparaîtra lorsque l’utilisateur touchera le contenu de l’application.

2. Onglets

TabBar est utilisé pour la navigation de niveau supérieur.

Cependant, depuis TabBar n’est pas pris en charge sur les appareils portables Tizen, il a été remplacé par le IndexPage dans le Tizen.CircularUI.
Si la ShellItem en a plus d’un ShellContent, le nombre de ShellContents seront représentés comme des points en haut d’un écran.
Chaque point indique chacun ShellContent, et le ShellContent peut être parcouru par le geste de glissement de l’utilisateur.
Title et Icon les propriétés sont ignorées sur les appareils portables Tizen.

3. Navigation basée sur l’URI

Shell inclut une navigation basée sur l’URI qui utilise des itinéraires pour naviguer vers n’importe quelle page de l’application.
Les appareils portables Tizen prennent également en charge cette navigation. Vous n’avez pas besoin de créer une hiérarchie de navigation supplémentaire.

Échantillons

Découvrez les exemples d’applications utilisés dans ce blog et apprenez-en plus sur Shell sur les appareils portables Tizen.

Portable Shell L’interface utilisateur évolue toujours et nous serions très heureux d’y appliquer vos précieux commentaires.
N’hésitez pas à nous faire part de vos commentaires et suggestions concernant le Shell UI pour portable. Notre page github et un e-mail (tizen.net@samsung.com) sont toujours ouverts!