How to add an Image

It’s time to add a new image. You’ll start by working on the user interface created from How to Add Background.

User interfaces are more engaging with Images. Images are more than just pictures; they have the power to make your design compelling and understandable. In this tutorial we will first add an Image asset and then a Image Widget to display the image assets.

Adding an image is a two part process. First you have to upload the Image asset and then create a Widget for display. In this guide we will use a Image Widget.

We guide you through this process in the following guides:

• How to Add Image Asset
• How to Add Image Widget
• How to add a Button Widget.

---

Next Step

In this guide, you learn that displaying an image or picture is a two part process - adding an image asset and then display it with a widget. Go to the next guide in this series: How to Add Image Asset.

---

If you are new to MPLAB® Harmony, you should probably start with these tutorials:

• MPLAB® Harmony v3 software framework
• MPLAB® Harmony v3 Configurator Overview
• Create a New MPLAB® Harmony v3 Project

---

Is this page helpful? Send feedback