PNG files are preferred over BMP files as they are smaller and supports transparent pixels. TouchGFX supports BMP and PNG images (though TouchGFX Designer only supports importing PNG images). In this application we will use an Image.īefore we can use an image in TouchGFX Designer, we need to import the file. The background will show as black if you do not cover it. For example, this can be a Box or an Image. It is normally a good thing to cover the complete background of a Screen with one or more widgets. If you select an Application Template with a different resolution, the graphics will not fit the screen, but you should be able to complete the tutorial anyway.Ĭhanging the name of the Screen Inserting a Background Please be aware that this tutorial runs on a display with a resolution of 480x272. If you do not have a supported board you can select the "Simulator" and just run the application on your Windows computer. If you have a different STM32 Evaluation Kit, go ahead and look in the list presented in TouchGFX Designer to see if it is supported. The project is based on the "STM32F746G Discovery Kit". We will call the project "MyApplication1". Start a new project in TouchGFX Designer. In this first step you will see how to insert a PNG image as a background. This tutorial assumes no knowledge of TouchGFX, but we assume a little experience with programming. In the last steps you will write code to enhance the look of the UI you have created with TouchGFX Designer. You will also see how to use texts and calculated numbers. You will learn how to add images to your application and use buttons. Tutorial 2: Creating Your Own Applicationįollow this tutorial to learn more about the basics of TouchGFX.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |