How-Tos and Special Topics

Last modified by Microchip on 2024/04/16 14:41

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.

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.