Découvrez les codes-barres Telerik pour WinUI

Les codes à barres sont partout – de votre billet d'avion au dernier colis livré, les codes à barres jouent un rôle important dans notre vie quotidienne. Ils le font grâce à leur capacité à afficher les données dans un format lisible par machine et à faciliter le traitement de ces informations.

Par exemple, je ne pourrais pas transmettre un message subtil, sans le Telerik QR Code-barres pour WinUI à droite.

La ​​version R1 2021 de la suite Telerik UI pour WinUI fournit 25 codes-barres unidimensionnels et bidimensionnels différents, y compris le code QR le plus populaire et Data Matrix. Les codes à barres peuvent être facilement personnalisés et stylisés pour donner l'aspect souhaité à votre application.

One-Dimensional Barcodes

Unidimensionnel ( Les codes à barres 1D) sont constitués de lignes et d'espaces de différentes largeurs qui créent des motifs spécifiques. Leur format linéaire les rend mieux adaptés à de plus petites quantités d'informations car des valeurs plus élevées rendraient le code à barres trop large pour s'afficher correctement sur un écran ou une page imprimée. de tels codes à barres comprennent EAN13 EAN8 UPC-A UPC-E et Code39 affichés ci-dessous:

Oups, a accidentellement ajouté un zèbre là-bas … Nous n'avons pas ce type de code à barres … pour le moment!

Codes barres bidimensionnels

Les codes barres bidimensionnels (2D) ont généralement des motifs, des carrés, des points, des hexagones et d'autres motifs géométriques. Ils sont capables de maintenir une taille relativement petite tout en conservant beaucoup plus de données que les codes à barres linéaires 1D. Ces codes-barres fournis par la suite Telerik WinUI sont Data Matrix PDF417 et QR Code .

Tous ces éléments peuvent contenir des centaines et parfois des milliers de caractères.

Personnalisation

Une fois que vous avez défini la propriété Symbology du contrôle RadBarcode sur l'un des 25 types disponibles, vous pouvez alors personnalisez davantage le code-barres affiché grâce aux propriétés fournies par la symbologie.

Toutes les symbologies héritent de la SymbologyBase qui expose les propriétés AutoChecksum Module et SizingMode . Je n'entrerai pas dans les détails de ce que tous ces contrôlent, mais je vais plutôt vous montrer quelle différence cela peut faire lorsque vous définissez des valeurs différentes pour eux. Vous ne voyez pas de différence? Vous voudrez peut-être consulter votre ophtalmologiste si tel est le cas.

Bien qu'ils semblent assez similaires, les deux codes-barres ont des distinctions subtiles qui peuvent être importantes pour le lecteur d'écran particulier qui les traite.

Voici l'extrait de code derrière les deux codes-barres, pour votre référence:

 < ] StackPanel >   
    < telerikDataViz: RadBarcode   Margin  =  "5"   Width [19659023] =  "250"   Hauteur  =  "150"   Valeur  =  "58000106"   Premier plan  =  "Noir "   
    HorizontalAlignment  = " Center "  VerticalAlignment  = " Center " >    
    < telerikDataViz: RadBarcode.Symbology >    
    < telerikDataViz: Code39   ShowText  =  "False"   />    
   [19659051] </  telerikDataViz: RadBarcode.Symbology >    
    </  telerikDataViz: RadBarcode >    
    < telerikDataViz: RadBarcode   Margin  =  "5"   Width  = [19659029] "250"   Hauteur  =  "150"   Valeur  =  "58000106"   Premier plan  =  "Noir"    
    HorizontalAlignment  =  "Center"   VerticalAlignment  =  "Center" >    



  


               




    <[19659022] telerikDataViz: RadBarcode.Symbology >    
    < telerikDataViz: Code39   ShowText  =  " False "  SizingMode  = " Manual "  Module  = " 4 "  AutoChecksum  = " False "  />    
    </  telerikDataViz: RadBarcode.Symbology >    
    </  telerikDataViz: RadBarcode >    
   </  StackPanel > 

Comme vous peut remarquer, la différence entre les deux codes-barres ne réside que dans les trois propriétés que j'ai mentionnées précédemment.

La différence peut devenir encore plus drastique lorsque vous modifiez les propriétés supplémentaires fournies par le type de symbologie spécifique, vous pouvez donc vous familiariser avec votre auto avec le but de ces propriétés et expérimentez avec différentes valeurs jusqu'à ce que vous obteniez le résultat souhaité. La documentation en ligne du contrôle est un bon point de départ pour ce faire.

Style et apparence

Outre la personnalisation de la symbologie, vous pouvez également styliser le RadBarcode lui-même en utilisant les propriétés natives bien connues comme Premier plan et Arrière-plan, alignement horizontal et alignement vertical, largeur et Hauteur etc.

Sur la droite, vous pouvez voir un exemple de code-barres QR personnalisé qui conviendrait à une application sur le thème sombre suivant les directives de la marque Progress affichées sur un petit écran.

Si vous Vous êtes curieux, voici le code requis pour afficher ce code QR:

 < telerikDataViz: RadBarcode   Width  =  "120"   Height  =  " 120 "  Valeur  = " TELERIK WINUI ROCKS! "  
    Background  = " Black "[19659027] Premier plan  =  "# 00E45C"    
    HorizontalAlignment  =  "Center"   VerticalAlignment [19659023] =  "Centre" >    
    < telerikDataViz: RadBarcode.Symbology >    
    < telerikDataViz: QRCode   />    
    </  telerikDataViz: RadBarcode.Symbology >    
   </  telerikDataViz: RadBarcode > 

Partagez vos commentaires

Pour résumer, le RadBarcode peut être un excellent ajout à votre pile de contrôles WinUI et peut facilement être personnalisé et stylisé pour s'adapter à n'importe quelle application. Alors ne perdez plus de temps et essayez-le avant qu'il ne soit mis en quarantaine!

La ​​livraison de produits stellaires ne peut se faire qu'avec votre aide. Nous vous invitons à devenir un collaborateur – partagez vos commentaires (voir la section Contactez-nous ci-dessous) et aidez-nous à façonner l'avenir de l'interface utilisateur Telerik pour WinUI. Suggérez ou recommandez tout ce qui vous manque et nous utiliserons votre contribution pour ajouter de nouveaux composants et API étonnants à la feuille de route.

Pendant la phase expérimentale, Telerik UI pour WinUI sera un essai gratuit, et nous espérons continuez à partager vos cas d'utilisation, votre expérience et vos obstacles avec nous.

Contactez-nous

Si vous avez des questions ou des suggestions, n’hésitez pas à nous contacter. Vous pouvez nous envoyer un message @ TelerikWinUI@progress.com poster sur notre forum proposer des améliorations dans notre portail de commentaires ou simplement nous contacter dans les commentaires en dessous de.
N'hésitez pas à consulter notre documentation pour en savoir plus sur ce que le contrôle peut faire. Si vous êtes nouveau dans Telerik UI pour WinUI, vous pouvez consulter la suite ici ou passer directement au développement via le bouton ci-dessous.

Essayez Telerik UI pour WinUI Preview Now!