Fermer

mai 12, 2021

Nouveau badge, ombre et plus


La deuxième version majeure de 2021 pour l'interface utilisateur Telerik pour Xamarin pour est ici, et elle contient de nouveaux composants et améliorations passionnants pour que vous puissiez en profiter.

Nous comprenons que la conception de l'interface utilisateur est une partie très importante de chaque application mobile, et nos tout nouveaux composants Badge et Shadow peuvent vous aider à réaliser des designs attrayants. Nous avons également amélioré notre contrôle Barcode avec la toute dernière symbologie Swiss QR et une meilleure prise en charge des polices pour le contrôle PdfViewer. Lisez la suite pour plus de détails.

Badge

Les badges sont ces petites icônes de notification placées dans le coin de la vue et utilisées pour alerter subtilement les utilisateurs de votre application des changements d'état, des notifications ou des messages courts. Avec le dernier ajout à l'interface utilisateur Telerik pour la suite Xamarin, à savoir le contrôle RadBadgeView, vous pouvez facilement créer et afficher des badges dans vos applications Xamarin. Tirez parti de certains des badges prédéfinis ou créez-en un à partir de zéro. Dans tous les cas, BadgeView est là pour vous aider à obtenir l'apparence souhaitée pour vos utilisateurs.

Permettez-moi de vous expliquer rapidement les principales fonctionnalités de notre contrôle Xamarin BadgeView: [19659006] Types de badges prédéfinis – choisissez l'un des types de badges prédéfinis utilisés dans les scénarios les plus courants:

XamarinBadgeView-Types inclut Dot, avec un petit point rouge en bas à droite de la photo circulaire représentant une icône d'application; Par défaut, avec un point rouge plus grand en bas à droite (le reste des indicateurs ont cette taille par défaut); Disponible avec un point vert et une coche à l'intérieur; Ajouter avec le cercle vert et un signe plus; Retirer avec un cercle rouge et un X; Ne pas déranger avec un cercle rouge et un signe moins; Absent du bureau avec un cercle gris et une flèche vers la droite; Hors ligne avec un cercle gris et un X; Rejeté avec un cercle gris et un cercle Non (le cercle avec une barre oblique); et Away avec un cercle orange et une icône d'horloge.

  • Position et alignement du badge – positionnez facilement le badge à l'endroit exact où vous souhaitez qu'il apparaisse:

XamarinBadgeView-Position of the badge bascule du coin supérieur droit vers le coin inférieur droit de la forme parent. De plus, le badge change de forme entre un cercle pur et un ovale, et un rectangle plus large avec des côtés très arrondis pour s'adapter à plus de caractères, comme Nouveau! ou une icône en forme de cœur et 39. Les badges sont affichés dans une variété de couleurs.

  • Animation du badge – affiche le badge avec une animation d'échelle initiale, contrôle la durée et l'assouplissement de l'animation:

XamarinBadgeView - Animation du badge . Un rectangle bleu arrondi indique «Button». En haut à droite, un cercle rouge avec un 2 apparaît lentement.

  • Style et personnalisation des badges – contrôlez entièrement l'apparence visuelle de vos badges afin qu'ils correspondent aux exigences de conception que vous avez. Vous pouvez modifier le texte du badge, les paramètres de police, les couleurs (couleur du texte, couleur d'arrière-plan, couleur de la bordure), la taille et le rayon des coins. De plus, si vous avez besoin de personnalisations encore plus raffinées, vous pouvez directement modifier le Badge ControlTemplate. Pour obtenir des informations détaillées sur les options de style du contrôle, consultez les rubriques Style de badge et Personnalisation de badge dans notre documentation.

Quelques variantes de badges. L'un est un petit cercle rouge avec un point d'exclamation à la fin d'une ligne de texte dans un bouton. Un autre est un rectangle arrondi bleu avec un cœur rempli et 39. Un autre rectangle arrondi bleu plus long a un cœur ouvert et 24. Ensuite, un graphique différent montre une photo avec le nom Bree Conner et le message «ok». Le cercle photo a un petit badge rond orange avec une horloge. À droite du message se trouve un rectangle vert indiquant 999 +.

Shadow

Vous avez demandé et nous avons écouté: La fonctionnalité Shadow était l'une des fonctionnalités les plus demandées sur notre portail public de commentaires – c'est pourquoi je suis très ravi de partager les nouvelles avec vous. Avec la version R2 2021, nous proposons RadShadow, un contrôle d'ombre qui peut ajouter un effet d'ombre hautement personnalisable autour de n'importe quelle vue que vous pourriez avoir. Le Shadow peut être intégré avec des éléments ListView, des contrôles d'entrée, des boutons et autres afin d'obtenir une interface utilisateur moderne et agréable dans votre application.

XamarinShadow. L'intégration a des onglets Boutons, Entrées, ListView, Expander. Chaque boîte est entourée d'une ombre subtile.

Vous pouvez facilement ajuster l'apparence et la sensation de l'ombre. Il vous suffit de jouer avec ses paramètres de couleur, de position, de transparence, de rayon d'angle et de rayon de flou pour obtenir le résultat ultime sur Android et iOS :

XamarinShadow_Customization: recherche de boutons similaires appelés «Cliquez sur moi» sur un Android et un iPhone. C'est un bouton bleu et il a une ombre dans les deux cas.

Swiss QR Code

La QR-facture simplifie l'émission et le paiement des factures et est introduite dans toute la Suisse pour moderniser les opérations de paiement. Sa caractéristique la plus frappante est le code QR suisse, qui contient toutes les informations de paiement au format numérique, qui peuvent être lues à l'aide d'un smartphone ou d'un scanner de bordereaux.

Xamarin_SwissQRCode a un code QR avec une croix suisse dans le milieu. Ci-dessous, nous voyons le compte / Payable à info et Payable par info.

Le Swiss QR Code encode toutes les informations nécessaires pour un paiement dans un format et une structure spécifiques. Avec les informations imprimées, le Swiss QR Code constitue la partie paiement de la QR-facture. Les devises autorisées pour les paiements sont le CHF et l'EUR. La QR-facture garantit également le respect des exigences réglementaires découlant de la révision de l'ordonnance anti-blanchiment. Tout cela, intégré directement dans RadBarcode le contrôle que vous connaissez déjà.

Mises à jour de PdfViewer

Si vous travaillez souvent avec des documents PDF, vous avez peut-être rencontré des problèmes avec des textes mal affichés en raison de polices manquantes dans divers lecteurs PDF. RadPdfViewer pour Xamarin fonctionne avec 14 polices standard, telles que Helvetica, Courier, Times New Roman, etc. (vous pouvez trouver la liste complète dans la rubrique PdfViewer Fonts ). Et dans le cas où le document PDF utilise une police différente, par exemple, n'importe quelle police TrueType, vous devez vous en occuper et fournir explicitement les données de police à la visionneuse.

Désormais, avec la version R2 2021, RadPdfViewer pour Xamarin est livré avec un mécanisme intégré pour l'importation de polices personnalisées. Pour connaître l'approche exacte, veuillez consulter notre guide ici: PdfViewer: Enregistrement d'une police .

Refonte des forums de la communauté Telerik et Kendo UI

Enfin, nous avons réorganisé l'un des endroits préférés que les développeurs adorent traîner – les Forums communautaires Telerik et Kendo UI . Découvrez l'histoire complète du pourquoi et du quoi dans le article de blog dédié .

Hub des forums Telerik et Kendo UI "title =" Hub des forums Telerik et Kendo UI "style =" vertical-align : middle; "/></p data-recalc-dims=

Essayez-le et partagez vos commentaires

La version R2 2021 est déjà disponible au téléchargement dans les comptes clients . Si vous êtes nouveau sur Telerik Interface utilisateur pour Xamarin, vous pouvez en savoir plus sur la page produit . Elle est livrée avec un essai gratuit de 30 jours ce qui vous laisse le temps d'explorer la boîte à outils et d'envisager de l'utiliser pour votre développement Xamarin actuel ou à venir.

Nous aimerions savoir ce que vous en pensez. Si vous avez des questions et / ou des commentaires, veuillez les partager dans notre Interface utilisateur Telerik pour Xamarin Feedback Portal .

] Inscrivez-vous au webinaire ou attrapez-nous sur Twitch

N'oubliez pas de vous inscrire à notre release webinaire le mardi le samedi 18 mai à 11 h HE pour en savoir plus sur les dernières fonctionnalités. Vous pouvez également assister à nos sessions en direct sur Twitch le 19 mai de 9h00 à 10h30 HE et le 20 mai de 13h30 à 3h: 00 h HE, où nos promoteurs de développement plongeront dans toutes vos fonctionnalités préférées.

Save My Webinar Seat

Le meilleur outil 2023 pour ta croissance Instagram !



Source link