Fermer

juillet 6, 2018

Création de codes à barres dans vos applications mobiles Xamarin


Le contrôle Barcode (ajouté à l'interface utilisateur Telerik pour Xamarin avec la version R2 2018) vous permet de générer rapidement les types de codes à barres les plus couramment utilisés dans vos applications mobiles Android, iOS et UWP. Cet article de blog vise à vous familiariser avec les principales caractéristiques du contrôle et vous montre comment inclure facilement l'élément dans votre application en quelques secondes.

Permettez-moi de commencer par vous montrer un exemple de code à barres généré dans une vue personnalisée que nous avons créée pour notre exemple d'application Xamarin:

 SpecialOfferBarcode "title =" SpecialOfferBarcode "style =" vertical-align: middle; "/></p data-recalc-dims=

Cette image est un instantané de l'exemple SpecialOffer disponible dans l'exemple d'application QSF Vous pouvez vérifier l'application QSF (située dans le dossier QSF de votre interface Telerik locale pour l'installation de Xamarin) pour plus d'exemples qui incluent différents scénarios de codes à barres.

Principales caractéristiques du contrôle Barcode Xamarin

Tout d'abord, jetons un coup d'œil sur les principales caractéristiques que le contrôle fournit:

  • Prise en charge des codes à barres unidimensionnels: Codabar Code 11, Code 25 Standard, Code 25 Interleaved, Code 39, Code 39 Extended, Code 93, Co de 93 étendue, Code 128, Code 128 A, Code 128 B, Code 128 C, MSI, EAN 8, EAN 13, GS1-128, Postnet, UPC A, UPC E, Supplément CUP 2, Supplément CUP 5. Allez à la section codes à barres 1D pour plus d'informations sur chaque code à barres.
  • Prise en charge de différents codes à barres bidimensionnels: Comme le populaire code QR et PDF417. Consultez la documentation sur les codes à barres 2D .
  • Trois modes de dimensionnement: RadBarcode propose trois modes de dimensionnement qui vous aideront à affiner le rendu de vos codes.
  • RadBarcode expose ForegroundColor et BackgroundColor propriétés qui peuvent être utilisées pour personnaliser son apparence visuelle.

Ajout du contrôle à votre application

Visualisation d'un code QR nécessite seulement cinq lignes XAML:


  
    
  

Le résultat de l'ajout du code ci-dessus à votre XAML est le code à barres suivant:

 Code QR "title =" Code QR "style =" vertical-align: middle; "/> [19659019] Pour afficher votre code à barres avec la qualité parfaite (peu importe la densité de l'écran), vous pouvez utiliser l'un des trois modes de dimensionnement:</p data-recalc-dims=

  1. Manual : Vous pouvez définir la taille de la plus petite ligne du code la propriété Module et les autres lignes et points se multiplient à cette taille. rty est mesuré dans les pixels de l'appareil
  2. Snap : Le code à barres est étiré à la taille disponible, alors que chaque ligne ou point est dessiné avec le nombre exact de pixels afin qu'ils aient une apparence nette
  3. le code à barres est étiré de manière à correspondre exactement à la taille disponible; chaque ligne ou taille de point est calculée de sorte qu'ils s'accrochent aux pixels de l'appareil. Pour que les lignes restent précises et étirent le code-barres à la taille disponible, certaines d'entre elles sont légèrement plus épaisses que d'autres.

Comme vous pouvez le voir, l'API du contrôle est assez simple et il est très facile de l'inclure dans votre application. Nous vous encourageons à essayer et à augmenter l'efficacité de votre application avec un minimum d'effort de votre part.

Plus d'informations sur les capacités du contrôle peuvent être trouvées sur la page de documentation officielle de l'UI Telerik pour Xamarin ] suite- Présentation de BarCode . N'oubliez pas de vérifier les exemples disponibles dans les applications QSF ainsi que SDK Samples Browser .

Comme toujours, vos commentaires concernant le contrôle serait grandement apprécié . Toutes les suggestions sont les bienvenues afin que nous puissions rendre le processus d'intégration de tout type de code-barres dans votre application Xamarin aussi simple et facile que possible.


Les commentaires sont désactivés en mode prévisualisation.
[ad_2]
Source link