Fermer

octobre 1, 2018

Nouvelle interface utilisateur Telerik pour les modèles d'éléments Xamarin Visual Studio


Nous introduisons deux nouvelles interfaces utilisateur Telerik pour les modèles d’éléments pour Xamarin Visual Studio. Puissants et faciles à utiliser, ces modèles vous permettent d'ajouter rapidement de magnifiques commentaires et une interface utilisateur de connexion à votre application Xamarin.Forms.

L'interface utilisateur Telerik pour Xamarin Les modèles d'élément Visual Studio sont puissants, faciles à utiliser, modèles d'élément prédéfinis pour Visual Studio inclus dans notre suite UI for Xamarin . Ces modèles démarrent rapidement et simplifient le développement d'applications d'interface utilisateur couramment utilisées.

Aujourd'hui, je suis ravi d'annoncer plusieurs nouveaux modèles dans la dernière mise à jour R3 2018, disponible dans l'écran de rétroaction et . Types de modèle Screen . Examinons rapidement certains modèles précédemment disponibles, puis explorons les nouveaux.

Modèles d'élément

L'interface utilisateur de Telerik pour Xamarin comportait déjà un certain nombre de modèles d'élément Visual Studio, tels que Stocks View . et Vue Activité, pouvant être rapidement ajoutée à votre projet Xamarin.Forms pour augmenter votre productivité et fournir une application de premier ordre.

Vue Stocks

Vue Stocks "title =" Vue Stocks " data-openoriginalimageonclick = "true" data-method = "ResizeFitToAreaArguments" data-customsizemethodproperties = "{" MaxWidth ":" 600 "," MaxHeight ":" "," ScaleUp ": false," Qualité ":" Elevé "} /> </a></p><p><a href= Vue d'activité

Vue d'activité "title =" Vue d'activité "data-openoriginalimageonclick =" true "data-method =" ResizeFitToAreaArguments "data-customsizemethodproperties =" {"MaxWidth": "600", "MaxHeight" : "", "ScaleUp": false, "Qualité": "Elevé"} "/> </a></p><h2> Introduction des écrans de commentaires et de connexion</h2><p> Avec la sortie de l'interface utilisateur Telerik pour Xamarin R3 2018, les types Ecran de commentaires et Ecran de connexion rejoignent la liste de nos modèles d’éléments Xamarin.Forms.</p><p> Ces nouveaux écrans vous permettent de concentrer vos efforts sur la logique de votre entreprise et de gérer le lourd travail de rétroaction et d'interface utilisateur de connexion. Examinons de plus près chaque nouveau type de modèle.</p><h3> Écran de commentaires</h3><p> Cet écran vous permet d’ajouter un type de page "Contactez-nous" à votre application presque sans effort. Il contient les éléments suivants:</p><ul><li> Champs de saisie permettant de saisir un message de retour et une adresse électronique</li><li> Interface utilisateur intégrée pour le sélecteur de fichiers</li><li> Boutons opérationnels câblés pour afficher les commandes de modèle</li></ul><p><a href= Écran de rétroaction "title =" Écran de rétroaction " data-openoriginalimageonclick = "true" /> </a></p><p> La sélection du bouton 'Joindre capture d'écran et journaux' ouvre la superposition du sélecteur de fichiers personnalisé. La logique de chargement de fichiers utilise l'option 'Dossier local' de l'application à l'aide du logiciel <a href= Xamarin.Essentials [19459007deMicrosoft]Mais vous pouvez le personnaliser pour répondre à vos besoins.

Écran de connexion

Cet écran propose plusieurs options, style à la carte. Les vues ont été efficacement mises en œuvre sur une seule page ContentPage. Cette approche signifie vous n'avez pas besoin de réorganiser la navigation de votre application pour accueillir des pages supplémentaires pour chaque vue.

Permettez-moi de vous expliquer les options d'écran de connexion disponibles.

L'écran de connexion simple

Voici la configuration de base pour tout les options de l'écran de connexion, il a trois vues; Connexion Créer un compte et Mot de passe oublié .

Écran de connexion simple "title =" Écran de connexion simple "data-openoriginalimageonclick =" true "/> </a></p><h4> Écran de connexion avec code PIN</h4><p> Cette option ajoute une vue supplémentaire permettant à l'utilisateur de saisir un code PIN. .</p><p><a href= Ecran de connexion avec code PIN "title =" Ecran de connexion avec Code PIN "data-openoriginalimageonclick =" true "/> </a></p><h4> Écran de connexion avec réseau social</h4><p> Cette option ajoute trois boutons de réseau social à votre application. fournir des choix de connexion supplémentaires à l'utilisateur:</p><p><a href= écran de connexion avec réseau social "title =" écran de connexion avec réseau social "data-openoriginalimageonclick =" true "/> </a></p><div class=

écran de connexion avec empreinte digitale

Cette option ajoute une option biométrique Plugin.Fingerprint qui fournit une API facile à utiliser pour déterminer l’authentification réussie ou échouée.

Si l’utilisateur choisit de l’activer, il pourra utiliser ses données biométriques sur iOS. , Android et Windows 10 (par exemple, Face ID et Windows Hello) pour s’authentifier votre application.

Ecran de connexion avec empreinte digitale "title =" Écran de connexion avec empreinte digitale "data-openoriginalimageonclick =" true "/> </a></p><h4> Écran de connexion terminé</h4><p> Dans la situation où vous souhaitez une combinaison spécifique de les fonctionnalités, nous avons fourni l'option LoginScreenComplete.</p><p><a href= Écran de connexion terminé "title =" Écran de connexion complet "data-openoriginalimageonclick =" true "/> </a></p><p> Dans ce cas particulier, les fonctions supplémentaires telles que la case à cocher biométrique et les boutons de réseau social sont modulaires et facilement modifiables. supprimé de la vue.</p><p><a href= Vues modulaires "title =" Vues modulaires "data-openoriginalimageonclick =" true "/> </a></p><p> Maintenant que vous avez vu les options, pouvez-vous facilement les ajouter à votre projet? C'est littéralement à deux clics. Jetons un coup d'œil à l'exemple de l'ajout d'un écran de connexion simple.</p><h3> Utilisation d'un modèle d'élément</h3><p> L'utilisation d'un modèle d'élément est très simple et peut être réalisée de l'une des deux manières suivantes:</p><ul><li> <em> Visual Studio – > Fichier -> Nouvel élément </em> -> sélectionnez un modèle</li><li> <em> Menu Telerik -> Interface utilisateur pour Xamarin </em> -> Sélectionnez un modèle</li></ul><p> Voici une capture d'écran du menu Telerik répertoriant les modèles d'élément disponibles. .</p><p><a href= Liste des modèles d'élément "title =" Liste des modèles d'élément "data-openoriginalimageonclick =" true "/> </a></p><p> Vous pouvez accéder au menu Telerik en cliquant avec le bouton droit de la souris sur le projet Xamarin.Forms dans l'Explorateur de solutions. [19659034] Après avoir fait votre choix, vous aurez l’occasion de le nommer, puis vous verrez un dossier ajouté à votre projet sous ce nom. Par exemple, voici un modèle LoginScreenSimple ajouté sous le nom "LoginScreenSimple1".</p><p><a href= Résultat de modèle ajouté "title =" Résultat de modèle ajouté "data-openoriginalimageonclick =" true "/> </a></p><p> Il contiendra un ContentPage et un sous-dossier avec les différentes vues. Le sous-dossier contient également un fichier Styles.xaml, qui contient les styles et les ressources de couleur pour tous les écrans. Ainsi, vous pouvez facilement rechercher et modifier des éléments tels que les couleurs de thème afin de respecter les consignes de conception de votre application.</p><p> Enfin, comme je l’ai déjà mentionné, il n’existe pas de configuration compliquée de NavigationPage. Les ContentViews sont parfaitement échangés dans la même ContentPage à l'aide du gestionnaire de navigation. La seule chose à faire est de placer la page de contenu là où cela convient à votre application.</p><p> Par exemple, en tant que première page:</p><p><a href= Page de démarrage de l'application "title =" Page de démarrage de l'application "data-openoriginalimageonclick =" true "/> </a></p><h2> En conclusion</h2><p> Vous pouvez les télécharger dès maintenant. Il vous suffit de <a href= installer l'interface utilisateur Telerik pour Xamarin et vous pouvez commencer avec les nouveaux modèles dès aujourd'hui.

Notre mission est de vous fournir des outils et des composants de classe mondiale pour que vous puissiez devenir un super-héros développeur. Ces modèles d'élément ne sont qu'un des outils à votre disposition lorsque vous utilisez l'interface utilisateur Telerik pour Xamarin dans vos projets.

Si vous avez des questions, vous pouvez obtenez l'aide de l'équipe d'assistance incroyable en soumettant un ticket d'assistance en le affichant dans l'interface pour les forums Xamarin ou en me contactant directement sur Twitter .

. désactivé en mode de prévisualisation.

Le meilleur outil 2023 pour ta croissance Instagram !



Source link

Revenir vers le haut