Arrows are significant design elements. They serve as visual cues that guide and direct your users’ attention to related information and action areas. We can use them to connect, direct, or point out information in files. The arrow shapes can be particularly useful when reviewing contents in PDF files.
The Syncfusion WPF PDF Viewer provides easy ways to view, add, remove, and modify arrow shapes in PDF files quickly. It also allows you to draw arrows vertically, horizontally, and diagonally.
In this blog, we will look at the procedures to handle arrow shapes in PDF files using the WPF PDF Viewer.
First things first:
<Window x:Class="PdfViewer.MainWindow"
xmlns:pdfviewer="clr-namespace:Syncfusion.Windows.PdfViewer;assembly=Syncfusion.PdfViewer.WPF">
<pdfviewer:PdfViewerControl x:Name="pdfViewer"/>
</Window> Using the PdfViewerControl, you can directly add arrow shapes by selecting the Arrow from the shapes in the built-in toolbar.
After choosing the Arrow from the toolbar, click and drag on the page to start creating an arrow. Move the pointer where you want and release it to finish drawing the arrow. Later, you can select and move or resize the arrow to change its location or size.
If you are using the PdfDocumentView control and need to switch to the arrow-shape drawing mode, then execute the AnnotationCommand with the CommandParameter set to Arrow.
Refer to the following code example to enable arrow-shape drawing mode:
XAML
<Button Command="{Binding ElementName= pdfViewer, Path=AnnotationCommand, Mode= OneWay }" CommandParameter="Arrow"/> C#
private void EnableArrowDrawingMode()
{
if (pdfViewer.AnnotationCommand.CanExecute("Arrow"))
pdfViewer.AnnotationCommand.Execute("Arrow");
} Note: To reset the annotation mode, you need to pass the CommandParameter as None.
We can easily remove an arrow by selecting and right-clicking the arrow shape. Then, choose the Delete option from the context menu. You can also remove the selected annotation using the DELETE keyboard key.
The properties window of the annotation allows us to customize the arrow’s appearance, such as style, color, thickness, and opacity. With this, you can also change the subject and author’s information. To do so, right-click on the arrow shape and choose Properties from the context menu.
Also, you can customize the default appearance of an arrow using the WPF PDF Viewer’s ArrowAnnotationSettings property.
Refer to the following code example:
private void SetDefaultArrowSettings()
{
pdfViewer.ArrowAnnotationSettings.BeginLineStyle = PdfLineEndingStyle.Circle;
pdfViewer.ArrowAnnotationSettings.EndLineStyle = PdfLineEndingStyle.ClosedArrow;
pdfViewer.ArrowAnnotationSettings.Opacity = 0.5f;
pdfViewer.ArrowAnnotationSettings.StrokeColor = Colors.Blue;
pdfViewer.ArrowAnnotationSettings.Thickness = 4;
} You can also customize the end styles of an arrow. The following end styles are currently supported in the WPF PDF Viewer:
| Style | Appearance (End Style) |
| Open | |
| Closed | |
| Open (Reverse) | |
| Closed (Reverse) | |
| Butt | |
| Diamond | |
| Round | |
| Square | |
| Slash | |
| None (Normal line) |
Apart from these styles, you can also apply the desired styles to both ends of an arrow, like in the following screenshot.
Add custom notes for the annotation by using the pop-up note associated with the annotation. The pop-up note for the arrow annotation can be opened by selecting and right-clicking on the arrow shape and then choosing Open Pop-up Note from the context menu.
The following shortcut keys can be used with the arrow shape annotations:
For more information, refer to the arrow shape annotation in the WPF PDF Viewer GitHub demo and documentation.
Thank you for reading this blog. I hope that you enjoyed learning about how to add, remove, and modify arrow shapes in your PDF files using the Syncfusion WPF PDF Viewer. Arrow shapes are a great way to highlight a call to action, lead a visitor’s eye, or show a direction of flow. Try using our PDF Viewer to handle arrows in your application and let us know what you think in the comment section below.
Our PDF Viewer is also available in our Blazor, Flutter, ASP.NET (Core, MVC, Web Forms), JavaScript, Angular, React, Vue, Xamarin, UWP, WinForms, and WPF platforms.
If you are not a customer yet, you can start a 30-day free trial to check out the arrow annotation and other features.
If you wish to send us feedback or would like to submit any questions, you can contact us through our support forum, feedback portal, or Direct-Trac support system. We are always happy to assist you!