Fermer

juin 29, 2022

Maîtriser les PDF avec le premier WinUI PdfViewer sur le marché6 minutes de lecture



Dites adieu à la visualisation de fichiers PDF avec un outil externe. Faites-le dans votre application WinUI à l’aide du composant Telerik PDF Viewer. Apprenez à mieux le connaître.

Aujourd’hui, presque tout le monde a une version d’Adobe Reader ou un autre programme sur son ordinateur qui peut lire un fichier PDF. Certaines personnes en ont même plusieurs, et la plupart d’entre elles avertissent d’une version d’essai expirée. 😁

Eh bien, qu’en est-il du cas où vous êtes responsable de fournir à vos utilisateurs finaux la possibilité de visualiser des documents PDF dans l’application que vous développez ? Ne pensez plus, ouvrez simplement vos bras et adoptez le premier contrôle PdfViewer dans le monde WinUI – le RadPdfViewer!

Dans ce blog, je vais vous présenter le composant PdfViewer de Interface utilisateur Telerik pour WinUI. Et les nombreuses fonctionnalités de visualisation et de manipulation des fichiers PDF qu’il propose, bien sûr.

Plonger

Officiellement livré avec Interface utilisateur pour WinUI 2.0.0, le PdfViewer n’a sûrement pas arrêté son évolution depuis. Un nouvel ensemble de fonctionnalités a récemment été introduit avec la sortie de Interface utilisateur pour WinUI 2.1.0.

Dans l’ensemble, je pense qu’il est préférable que nous apprenions d’abord à atteindre cette beauté :

Premier aperçu de WinUI PdfViewer

Conditions préalables inclure un projet WinUI déjà configuré et, bien sûr, l’installation du Interface utilisateur Telerik pour WinUI Composants. Une fois que vous avez cela, n’oubliez pas d’ajouter le références d’assemblage au projet. Le reste est super facile—une seule ligne de code :

<telerik:RadPdfViewer DocumentSource="ms-appx:///PdfFiles/Sample.pdf"/> 

Assurez-vous cependant de pointer le bon chemin vers le document PDF de votre application.

Le code ci-dessus vous donne accès au PdfViewer via l’alias xmlns:telerik= »using:Telerik.UI.Xaml.Controls ». Et le DocumentSource, comme vous l’avez peut-être déjà deviné, est responsable du rendu du fichier PDF. La propriété est de type PdfDocumentSourcequi vous permet de fournir un fichier Flux ou Uri pour charger le modèle de document PDF.

Ce ne sont que des bases. Creusons un peu plus.

Sous la surface

L’une des meilleures choses à propos de la visionneuse PDF est la liberté qu’elle vous offre, ainsi qu’à vos applications WinUI. Quoi de mieux que de visualiser des documents PDF directement dans l’application, sans avoir besoin d’un visualiseur externe, n’est-ce pas ?

Mais ce n’est pas tout. Je suis également fan de sa totale facilité d’utilisation. Peut-être le PdfViewerToolBar il va de pair avec joue un rôle majeur dans cela? Toutes les options d’interaction courantes l’accompagnent.

Barre d'outils WinUI PdfViewer

Tout sur la barre d’outils

Les icônes des boutons de la barre d’outils sont explicites, n’est-ce pas ? Juste au cas où, laissez-moi lister les options :

  • Ouverture de documents PDF
  • Enregistrement du document prévisualisé en tant que nouveau fichier
  • Rotation du document
  • Naviguer dans les pages avec les boutons page haut/bas, et la zone de texte, bien sûr
  • Zoom avant et arrière à l’aide des boutons de zoom avant/arrière, ainsi que le choix d’un niveau de zoom prédéfini à l’aide de la zone de liste déroulante à côté d’eux
  • Adapter le document soit à la largeur de la fenêtre, soit adapter la page entière à la fenêtre
  • Choisir entre les modes d’interaction du contrôle—panoramique ou sélection de texte

Si vous n’avez pas besoin de certains des boutons ci-dessus et des fonctionnalités qu’ils activent, vous pouvez basculer leur visibilité via les propriétés répertoriées dans WinUI PdfViewer Barre d’outils section de la documentation en ligne du contrôle.

Sous la peau

Y a-t-il plus qu’une simple barre d’outils ? Oui il y a. Vous pouvez étendre et personnaliser le contrôle à l’aide de son API riche. Assurez-vous de consulter le Visionneuse WinUI Pdf section dans la documentation, car je ne veux pas vous inonder avec trop d’informations.

Bon, j’ai un peu changé d’avis. 😆 Je ne peux pas m’empêcher de mentionner la prise en charge de diverses polices (TrueType, Type 1, Type 3 et CID) et des documents cryptés avec Encryption Algorithm 4 (RC4/AES-128). Oh, et la prise en charge extensible de différents filtres de compression de flux.

PS Le RadPdfViewer utilise le rendu Windows Composition pour des performances natives, et je peux vous assurer que ces performances sont étonnantes avec des documents volumineux.

Signer et vérifier

Les choses cool ne s’arrêtent pas. Avec WinUI PdfViewer, vous pouvez également afficher, signer et vérifier des documents dans votre application et vous assurer que ces documents n’ont pas été falsifiés.

Je parle des signatures numériques. Au cas où vous ne les connaîtriez pas, je vais essayer de résumer : elles sont équivalentes à la signature manuscrite mais sont destinées à résoudre des problèmes de sécurité dans la communication numérique. Ils sont uniques à chaque signataire et largement utilisés pour confirmer que le contenu du document provient du signataire et n’a été modifié d’aucune façon.

Lorsqu’un document contenant un champ de signature est chargé dans RadPdfViewer, vous pouvez lui appliquer une signature. Cela se fait via le SignSignatureDialog, qui vous donne la possibilité de choisir un fichier .pfx représentant le certificat et d’entrer le mot de passe pour celui-ci. Cliquer sur le bouton Signer vous invite à enregistrer le document signé dans un nouveau fichier. Le fichier nouvellement enregistré s’ouvre alors dans RadPdfViewer. Allons-nous essayer ensemble?

Signature d'un document PDF

Pour utiliser SignSignatureDialog, vous devez d’abord l’enregistrer comme ceci :

<telerik:RadPdfViewer
	x:Name="pdfViewer"
	telerik:RadPdfViewerAttachedComponents.RegisterSignSignatureDialog="True"
	telerik:RadPdfViewerAttachedComponents.RegisterSignaturePropertiesDialog="True"/>

Vérifions la signature maintenant. 🤞

Validation de la signature numérique PDF

Ouf, on a réussi. Important! ✨

Vérification des protections

J’ai mentionné plus tôt que la visionneuse PDF peut ouvrir des fichiers protégés par mot de passe. Je suis curieux de vérifier cela aussi. Suis-moi.

Ouverture d'un PDF protégé par mot de passe

Assurez-vous cependant d’utiliser des mots de passe plus forts. 😅

Notez que nous avons ajouté un bouton supplémentaire pour ouvrir un document protégé dans la barre d’outils. Vous pouvez vérifier le code de la démo pour voir comment ajouter vos propres boutons à la barre d’outils du visualiseur PDF.

Et ne vous demandez pas où j’ai trouvé ces démos impressionnantes – allez-y et obtenez le >Exemples d’interface utilisateur Telerik pour WinUI à présent.

PS Si vous avez besoin de trouver quelque chose dans les documents que vous prévisualiserez une fois que vous aurez fait cela, appuyez simplement sur Ctrl + F.

Les actions comptent

Vos commentaires sont très importants car ils nous aident à entendre votre voix et à déterminer la direction à prendre pour le développement des produits. Si vous souhaitez quelque chose de nouveau ou de différent, ne restez pas immobile – partagez vos réflexions dans les commentaires ci-dessous ou utilisez le Portail de commentaires.

Et puisque nous parlons d’actions, une autre consiste à brancher le PdfViewer dans votre application WinUI et à lui donner un tour, c’est une certaine victoire. 🎯 Les clients existants peuvent accéder aux éléments de Telerik UI pour WinUI dans votre compte Telerik et pour les nouveaux utilisateurs, utilisez le lien ci-dessous.

Essayez la dernière interface utilisateur Telerik pour WinUI




Source link

0 Partages