binIoter/GuideView
GuideView
GuideView is an Android user onboarding library and UI masking framework used to create guided tours and feature tutorials. It provides utilities for identifying and visually isolating specific Android views by drawing semi-transparent overlays with highlighted holes to focus user attention.
The library implements a system for chaining multiple instructional steps together, allowing for the sequencing of highlight pages in a specific order. It supports the attachment of custom text, images, or animations near highlighted views to provide instructional context.
The framework manages visual transitions between tutorial steps using animations and synchronizes the positioning of overlays with the Android fragment lifecycle. It uses coordinate-based masking and path clipping to define the visible areas of the interface.
Features
- UI Masking - Provides a framework for implementing semi-transparent overlays with cutouts to isolate views in Android apps.
- Sequential Navigation State - Manages the active step index and transition logic for a linear sequence of tutorial highlights.
- Focus Masks - Provides visual overlays that obscure the interface while leaving specific elements visible to focus user attention.
- Clipping Regions - Uses path-based clipping regions to define the visible areas of highlight masks.
- Android Onboarding Libraries - Serves as a dedicated Android library for creating masked overlays and sequenced tutorial steps.
- View Masking Calculators - Implements coordinate calculations to carve transparent holes in overlays that focus attention on specific Android views.
- Focus Masking - Implements visual overlays that dim the interface to highlight a specific target element.
- Relational View Anchoring - Relates instructional content to the boundary edges and centers of specific UI elements in the view hierarchy.
- Guided Tour Libraries - Implements a framework to manage the sequence, animation, and layout of instructional guide markers.
- In-App User Education - Offers contextual tutorials and assistance delivered directly within the application interface.
- Sequenced Guidance Flows - Builds sequenced instructional flows that guide users through interface elements with synchronized animations.
- User Onboarding Tours - Creates interactive guided sequences to introduce new users to product features through highlighted steps.
- View Highlighting Utilities - Provides utilities to identify and visually isolate Android views using customizable shapes and mask transitions.
- Fragment Lifecycle Integration - Binds the visibility and positioning of onboarding overlays to Android fragment lifecycle events.
- Animation Interpolators - Employs mathematical interpolation curves to smoothly animate mask position and size between tutorial steps.
- Instructional Content Attachments - Renders custom text, images, or animations near highlighted views to provide instructional context.
- Overlay Transition Animations - Provides visual animations for the entry, exit, and transition of overlay masks between tutorial steps.
- Onboarding and Intro - Mask-style navigation and guide view.
