How-Tos and Special Topics

Last modified by Microchip on 2024/11/05 15:06

How to Implement Graphical User Interface (GUI) Features and Functions

This page contains instructions and examples of how to implement GUI features and functions using the Microchip Graphics Suite (MGS). Refer to the list of topics and features in the following table.

Create Dialog Boxes

A dialog box (or a pop-up box) is a small window that pops up on the screen, providing users with options to choose from or requiring them to enter information.

This how-to shows users how to create a couple of dialog boxes using a Panel widget as a container for the dialog box and also provides a few ways to hide or show the dialog box on the screen.

Create Numeric Keypad

A numeric keypad, also known as a number pad, numpad, or ten key, is a keypad layout used for entering numbers. 

This how-to shows users how to use the MGS Keypad, TextField, and Button widget to create a 0-9 keypad that can be used for user input of code, passkey, and other numeric information. 

Create Run-time Strings

Dynamic strings refer to text elements in the GUI that are subject to change during program execution. They are utilized to reflect variable information such as system status or user-provided input.

This how-to provides users with step-by-step instructions on how to implement dynamic strings to display a live counter. Additionally, it offers a comprehensive tutorial on constructing a multilingual user interface that automatically adjusts the displayed text according to the user's language preference.

In some cases, user application code may also need to register as a listener for input events. For instance, monitoring touchscreen activity can help determine if the system has been idle for a certain period and may need to enter low-power mode. Another example is detecting and processing touch gestures at the application level, such as swiping to change screens.

This guide demonstrates how to utilize the Input System Service (ISS) to monitor touch input and manage user inactivity effectively.

Create a Sliding Menu

A sliding menu in Graphical User Interfaces (GUIs) is a type of navigation menu that appears or slides into view when triggered by a user action, such as clicking a button or swiping from the edge of the screen

This user guide shows how to use widget event filters to create a sliding menu selection UI. A filter is used to capture and process touch events on a specific area of the screen and slide the menu selection UI based on the touch events.

Advanced Techniques and Special Topics

This page contains comprehensive guides designed for users seeking to deepen their understanding and expertise in advanced and complex MGS features and techniques. 

Using the Graphics Canvas

The Graphics Canvas is a middleware in Microchip Graphics Suite (MGS) that enables users to easily leverage the HW features of the integrated display controllers in Microchip's graphics-enabled MCUs and MPUs. These features can be used to perform complex GUI effects without loading the CPU, including effects like sliding, fading, screen pre-rendering and sprite animations.

This guide provides users with information, APIs documentation and examples on how to use the Graphics Canvas to perform these advanced GUI effects.

This section provides information on how to use Microchip Graphics Suite (MGS) Harmony Composer to take advantage of HW-accelerated compositing features of the integrated display controllers in Microchip's graphics-enabled MCUs and MPUs.

These features enable users to design complex GUIs and UI functions while minimizing the processing load on the main CPU.

Custom Event Handling

Custom event handling refers to the process of defining and managing specific responses to touch inputs on a touch screen device. This involves creating custom behaviors for various touch gestures (e.g., tap, swipe, pinch, long press) that go beyond the default actions provided by the widget or graphics library.

This user guide provides detailed information on utilizing the MGS Library's input service and event filter features to enable custom event handling.