Customizing Note Icons on iOS

There are various ways to customize how an annotation is shown and rendered on the page.

Customize or Hide the Note Icon

A small note icon indicator is displayed next to the actual annotation when it has text attached to it. It can be attached to the annotation either by programmatically setting it via the contents property or by adding it in the UI via the Note… option in the menu.

The note icon can be customized or completely disabled by subclassing the corresponding class of the annotation type and overriding shouldDrawNoteIconIfNeeded:

class CustomInkAnnotation: InkAnnotation {
    override var shouldDrawNoteIconIfNeeded: Bool {
        return false
    }
}

document.overrideClass(InkAnnotation.self, with: CustomInkAnnotation.self)

@interface PSCInkAnnotation : PSPDFInkAnnotation @end
@implementation PSCInkAnnotation

- (BOOL)shouldDrawNoteIconIfNeeded {
    return NO;
}

@end

[document overrideClass:PSPDFInkAnnotation.class withClass:PSCInkAnnotation.class];