Fermer

août 2, 2018

Création d'une interface utilisateur conversationnelle avec interface utilisateur Telerik pour WPF


Apprenez à utiliser le contrôle Conversation UI dans l'interface utilisateur de Telerik pour WPF pour définir l'interface utilisateur de votre chatbot en l'alignant facilement avec le reste de l'interface utilisateur de votre application.

Les Chatbots un nombre limité de processus spécialisés remplaçant le besoin de parler à un expert par téléphone ou d'utiliser des interfaces utilisateur complexes telles que des formulaires ou des processus longs. Si vous cherchez un moyen d'implémenter un dans votre application WPF, vous ne devriez pas chercher plus loin, car Progress a votre retour:

 IntroductionGif

L'interface utilisateur de Telerik pour WPF a une interface utilisateur component (ou RadChat, le nom du contrôle), notre réponse à la demande croissante d'un moyen simple de créer une interface utilisateur de chatbot adaptée au style du reste de votre application de bureau. En général, RadChat est conçu pour être utilisé avec tous les services de chatbot disponibles aujourd'hui. Il est également adapté à la création de chats peer to peer. Vous pouvez vérifier les démos QSF disponibles qui illustrent les intégrations possibles avec Azure et DialogFlow.

Voici quelques-unes des principales caractéristiques du contrôle:

Messages

Qu'est-ce qu'une discussion sans messages? Le RadChat fournit une gamme d'entre eux qui peuvent être utilisés pour une variété de scénarios différents. Vous pouvez ajouter n'importe quoi, des messages textuels de base et des messages GIF, aux messages de carrousel plus complexes contenant une liste d'autres messages d'image. Vous pouvez tous les vérifier dans notre documentation .

 GifMessage

 CarouselMessage

Certains messages doivent afficher plus d'informations et voici où toutes les cartes disponibles entrent en jeu. Il existe actuellement des cartes spécialisées pour afficher des images, des produits, des informations météorologiques et de vol. Cependant, vous pouvez facilement les étendre ou en créer un si vous avez besoin.

 WeatherCard

 FlightCard

ToolBar

Si vous souhaitez fournir des fonctionnalités supplémentaires, vous pouvez le faire en ajoutant un commande à la collection ToolBarCommands de RadChat. Un bouton sera créé pour chaque commande et vous pourrez personnaliser son apparence en fournissant un ToolBarCommandTemplateSelector .

 ToolBar

Actions suggérées

Le RadChat vous permet d'interagir facilement avec utilisateurs en ajoutant des éléments à sa collection SuggestedActions . Vous avez également la possibilité de contrôler ce qui se produit lorsqu'une action est choisie en gérant l'événement SuggestedActionReported .

 Actions suggérées

Indicateur de saisie

Vous avez la possibilité d'inclure une saisie indicateur pour indiquer qu'un utilisateur / bot est en train de taper. Vous pouvez contrôler sa visibilité, le texte et ajouter une icône. Cela se fait par les propriétés TypeIndicatorVisibility TypeIndicatorText et TypeIndicatorIcon de RadChat.

 TypingIndicator

Consultez et partagez vos commentaires

Alors, qu'attendez-vous? Allez-y et essayez l'Interface Conversationnelle vous-même. Il n’ya pas de meilleur moyen d’en avoir une idée. Si vous avez des questions ou des suggestions, n'hésitez pas à nous contacter. Vous pouvez poster sur notre forum proposer des améliorations dans notre feedback portal ou simplement aller dans les commentaires ci-dessous.

Si c'est la première fois que vous entendez parler de Telerik UI Pour WPF, il s'agit d'une suite complète de plus de 120 contrôles d'interface utilisateur pour la création d'applications métier WPF de haute performance inspirées des bureaux. Vous pouvez en apprendre davantage sur la trousse à outils sur notre site Web et en faire l'essai avec un essai gratuit de de 30 jours .


Les commentaires sont désactivés en mode prévisualisation.




Source link