> For the complete documentation index, see [llms.txt](https://docs.apryse.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.apryse.com/xamarin/guides/viewer-components/components-overview.md). # UI components Discover the powerful features of Xamarin.Android's document reader and PDF editor with Apryse Android SDK. Learn how to create customizable UI components for interactive viewing and editing. The Apry {% hint style="info" %} **This tutorial only applies to Xamarin.Android.** {% endhint %} The highly configurable [all-in-one document reader and PDF editor](/xamarin/viewer/viewer-overview.md) that comes with the Apryse Android SDK is composed of Material Design UI components that are available in the tools package. These components can be used as part of your application to create customizable UI that interact with the document viewer. A visual reference for these components is shown below: ![](https://653871032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgjsBtuYmcKhWOdM9VCg4%2Fuploads%2Fgit-blob-299c202d34a55206d737abe1789731b5de80d406%2Fd27d5b525139e247f360f1daeb75d267aaf3e00b-4000x2220.png?alt=media) | Key | UI Component | Description | | --- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | | 1 | [PDFViewCtrl](/xamarin/guides/android/basics/open.md#view) | PDFViewCtrl is a ViewGroup that can be embedded in any layout. It encapsulates a rich set of functionalities for interactive viewing of documents | | 2 | Toolbar Switcher | Allows users to switch between annotation toolbars and access different tools | | 3 | Tab Switcher | View the previews of multiple documents as tabs | | 4 | [View mode dialog](/xamarin/guides/android/viewer/view-mode.md#dialog) | Allows users to: pick page presentation mode, select page color mode, rotate pages, and crop pages | | 4 | [Crop pages dialog](/xamarin/guides/android/manipulation/rotate-pages.md#ui-component) | Manually or automatically crop pages in a document | | 4 | [Reflow](/xamarin/guides/android/viewer/view-mode.md#reflow) | Extract the reflowable layout of each page in a document to an HTML file | | 4 | [Add pages dialog](/xamarin/guides/android/manipulation/create-pages.md#ui-component) | Add new pages to an existing document or create a new document with new pages | | 4 | [Rotate pages dialog](/xamarin/guides/android/manipulation/rotate-pages.md#ui-component) | Rotate pages of the opened document by 90, 180 and 270 degrees | | 4 | Share document | Share a document from your app | | 5 | [Thumbnail browser](/xamarin/page-manipulation/thumbnail-browser.md#android) | Edit pages of a document including add, remove, re-arrange, rotate and duplicate pages | | 6 | [Text search](/xamarin/guides/android/search/text-search.md#ui-component) | Search text in a document | | 7 | [Reader mode](/xamarin/guides/android/viewer/view-mode.md#reflow) | Strips down the UI so that users can focus on reading a document's content | | 8 | List container | A horizontal layout to display the Annotation list, Document outline, and User-defined bookmark list in separate tabs | | 8 | [Annotation list](/xamarin/annotation/annotation-list.md#android) | Shows a list of all annotations in a document | | 8 | [Document outline](/xamarin/guides/android/bookmark/outline.md#ui-component) | Shows a document outline (PDF Bookmark) that can be used to navigate the document | | 8 | [User bookmark list](/xamarin/bookmarks/user-bookmarks.md#android) | Shows a list of user-defined bookmarks that can be used to navigate the document | | 9 | [Annotation toolbar](/xamarin/annotation/annotation-toolbar.md#android) | A toolbar consisting of various annotation creation tools | | 10 | [Quick menu](/xamarin/ui-customization/quick-menu.md) | A convenient annotation popup menu that appears when a user long-presses on a blank space or on text, or presses an annotation | | 11 | [Annotation style editor](/xamarin/annotation/style-editor.md#android) | Displays annotation style properties in a bottom sheet for the user to edit | --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://docs.apryse.com/xamarin/guides/viewer-components/components-overview.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.