Telerik Reporting conquiert le jeu : utilisation de manière extraordinaire

Telerik Reporting nous aide à transformer les données en informations commerciales exploitables. Notre produit est utilisé dans de nombreux cas et scénarios commerciaux différents, par exemple pour la visualisation de données ou la veille économique. Cependant, aujourd'hui, nous irons au-delà et verrons comment l'utiliser d'une manière que vous n'avez jamais imaginée.

Game in Reporting ?! Cela semble fou, n'est-ce pas? En effet, c'est le cas, et, dans cet article de blog, vous verrez que c'est tout à fait possible. Nous partagerons une formule secrète spéciale pour créer le jeu populaire tic-tac-toe dans le concepteur de rapports autonome, sans code personnalisé supplémentaire. Vous verrez que notre produit peut être utilisé non seulement pour faire des rapports, mais aussi pour faire beaucoup de plaisir. Restez à l'écoute pour obtenir la recette.

Équipement

Nous aurons besoin de l'équipement suivant pour créer le jeu :

Tout d'abord, nous devons charger notre outil super puissant pour créer des rapports, le concepteur de rapports autonome. Accédez au dossier d'installation de Telerik Reportingpuis accédez au dossier Report Designer et exécutez le fichier Telerik.ReportDesigner.exe.

Ingrédients[19659004]Les ingrédients requis pour notre jeu sont :

Idée principale

Au lieu d'utiliser des X et des O pour marquer les carrés, nous utiliserons le Telerik Ninja et le Kendo UI Kendoka. Le terrain de jeu sera construit à partir d'un tableau croisé. Chaque cellule du tableau croisé aura une action, donc le rapport s'appellera à chaque clic des joueurs. Les cellules croisées et le tour du joueur seront surveillés par des paramètres de rapport. Une fois que le premier joueur traverse une cellule, le rapport sera rechargé avec le nouvel état du terrain de jeu.

Préparation

Étape 1 : Création du rapport

Vous avez déjà ouvert le Concepteur autonome et pour créer un nouveau rapport, allez dans l'onglet Fichier -> Nouveau -> Rapport vierge -> Parcourir -> sélectionnez l'emplacement du rapport et appuyez sur le bouton Enregistrer.

Étape 2 : Ajout du logo du jeu

Nous voulons maintenant ajouter le logo du jeu dans la section d'en-tête de page. Pour cette raison, accédez à l'onglet Insérer -> PictureBox. Dans le volet Propriétésdéfinissez la Valeur en sélectionnant l'image.

Étape 3 : Ajout des paramètres de rapport

Nous aurons besoin de trois paramètres de rapport : pour l'état, l'utilisateur et le gagnant :

• paramState sera utilisé pour suivre le moment où un carré a été traversé. Le paramètre doit être de type String.
• paramUser identifiera le tour du joueur. Rendre le paramètre de type Boolean. Le paramètre est utilisé uniquement pour distinguer visuellement quel joueur doit effectuer le prochain tour.
• paramWinner—comme son nom l'indique—définira qui est le gagnant. Le paramètre doit être de type String.

Vous pouvez voir les valeurs par défaut des paramètres de rapport dans le rapport, qui se trouvent dans la section Projet un peu plus bas.

Étape 4 : Construire le terrain de jeu

– Insérez un Crosstab dans la section de détail et supprimez la ligne d'en-tête. Ajoutez ensuite une colonne de plus à droite.

– Définissez la propriété Binding du tableau croisé :

• Property path : DataSource
• Expression : = Array(Substr(Parameters) .paramState.Value, 0,3), Substr(Parameters.paramState.Value, 3, 3), Substr(Parameters.paramState.Value, 6, 3))

Notre objectif est de construire une table 3×3 pour notre tic -planche tac-toe. Nous avons déjà construit les trois colonnes dans notre concepteur, mais pour obtenir les trois lignes, nous devons lier notre tableau croisé à une source de données. La source de données sera représentée par un tableau de trois chaînes, obtenu en divisant la chaîne d'état en trois parties, chacune contenant trois caractères.

– Dans chaque cellule du tableau croisé, ajoutez une PictureBox. Définissez les paramètres suivants du premier :

• BorderColor : 218, 74, 38
• BorderStyle : Solid
• BorderWidth : 5px
• Value : =Format ('player{0}.png', Item(0, Item))
• Action : sélectionnez Accéder au rapport -> Sélectionnez une source de rapport -> sélectionnez le même fichier de rapport. Cliquez ensuite sur Modifier les paramètres et définissez-les comme suit :

paramState : = Substr(Parameters.paramState.Value,0,CInt((RowNumber()-1) * 3))+ CStr(CInt(Parameters.paramUser.Value))+ Substr(Parameters.paramState.Value,CInt(((RowNumber()-1) * 3) + 1), Len(Parameters.paramState.Value))

Ici nous devons juste admettre que c'est une expression très laide et qu'une fonction utilisateur sera un bien meilleur choix. Mais, puisque cela peut être fait avec le moteur d'expression, pourquoi s'embêter à créer des fonctions utilisateur ?

– paramUser: = Not Parameters.paramUser.Value

L'idée de l'action est de recharger le rapport avec la sélection du joueur et passer le nouvel état du plateau.

Appliquez les mêmes étapes de manière similaire au reste des PictureBox.

Étape 5 : Ajout des lecteurs

Dans cette étape, nous allons ajouter le les logos des deux joueurs et définissez leur visibilité en fonction du tour du joueur.

Ajoutez un panneau pour chaque joueur et insérez-y l'image du joueur.Définissez la propriété Valeur du premier à être :

=Format('player0{0}.png', IIF(Parameters.paramWinner.Value = '0', 'win', IIF(Parameters.paramUser.Value = 0, '', 'bw')) )

Insérez également une autre PictureBox qui indiquera si le joueur est le gagnant. Nous contrôlerons sa visibilité en définissant la propriété ConditionalFormatting. Définissez la règle comme suit :

• Expression : =IIF(Parameters.paramWinner.Value <> '0', True, False)
• Operator: =
• Value: =True

Ensuite, allez au Style section et décochez t la case à cocher Visible .

Project

Et voici le résultat final :

Le rapport complet et les ressources peuvent être trouvés dans notre Référentiel GitHub.

Vous voulez essayer Telerik Reporting ?

Telerik Reporting est un outil de création de rapports intégré .NET complet, facile à utiliser et puissant pour les applications Web et de bureau qui prend en charge : Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET AJAX, HTML5/JS, Angular, React, Vue, WPF, WinForms et UWP. Également disponible dans le cadre de notre ensemble Telerik DevCraftLes rapports vous permettent de créer, de styliser, d'afficher et d'exporter des rapports riches, interactifs et réutilisables pour présenter de manière attrayante les données analytiques et commerciales. à n'importe quelle application métier via les commandes de la visionneuse de rapports. Exportez les rapports prêts dans plus de 15 formats.

Si vous ne l'avez toujours pas essayé, vous pouvez commencer un essai gratuit pour regarder de plus près. Un essai de Telerik DevCraft inclura Telerik Reportingainsi que des bibliothèques de composants d'interface utilisateur modernes et riches en fonctionnalités pour les applications Web, de bureau et mobiles, le traitement de documents et les outils de test/mocking automatisés. Nous fournissons également un service d'assistance dont nous sommes fiers et des ressources qui vous aideront tout au long du processus.