Visual TFT Guia de Uso
Visual TFT Guia de Uso
Visual TFT Guia de Uso
Lets go together
through several
easy steps and build
a simple GUI with
two buttons and
two screens using
the powerful
Visual TFT
software.
Nebojsa Matic
General Manager
The PIC and Windows logos and product names are trademarks of Microchip Technology and Microsoft in the U.S.A. and other countries.
Page 2
Table of Contents
1. Introduction to Visual TFT software
2. What do we need?
17
18
19
20
21
22
10
24
25
16
11
12
26
14
28
15
30
Page 3
01
03
02
05
04
06
Figure 1-1: Visual TFT software displaying welcome screen when first started
Page 4
2. What do we need?
In this tutorial we will develop a simple application with two screens. Each screen will carry a button which can be used to switch to
the other screen. We will be designing our graphical interface in Visual TFT software, and after we add user code we will use mikroC
PRO for PIC compiler to build it. We will download the firmware to the mikromedia for PIC18FJ development board and test it on
320x240px TFT with Touch Panel. Lets begin!
Page 5
01
02
03
04
05
Page 7
06
07
08
09
10
11
12
13
01 Main Toolbar. It features buttons with icons that depict each buttons function. Here we can open, save or export projects, add or
delete screens, generate code, start the target compiler, invoke Project Settings window and much more.
02 Current Screen. This is the graphical representation of the active display surface. Its the area where we will be placing components
and designing graphical user interface for this project. You can add as many screens as you want. We will use just two.
03 Object Inspector. This window can be used to change properties of each screen and component. Change names, captions, fonts, sizes,
position, add events to components (OnUp, OnDown, OnClick, OnPress) and define their behaviour.
04 Components Pallete. Collection of components which can be placed on screens. There are simple, basic components, such as box, circle,
line, image and label, and as well as more complex components such as buttons, checkbox and progress bar.
05 Layers. Like in any other vector graphic editor, you can group components on layers while designing, and quickly navigate through
dierent layers using this window.
Page 12
01
03
04
02
05
Page 13
Page 20
Page 21
Page 22
Figure 5-1: mikroC PRO for PIC compiler loaded with our first Visual TFT project
Page 23
Page 26
Page 27
Figure 9-3: Visual TFT Project Workspace with EVE components on Screen
Page 29
Projects
Community
Support
\Visual TFT\Projects\
http://www.libstock.com/
Page 30
http://www.mikroe.com/esupport/
DISCLAIMER
All the products owned by MikroElektronika are protected by copyright law and international copyright treaty. Therefore, this manual is to be treated as any
other copyright material. No part of this manual, including product and software described herein, may be reproduced, stored in a retrieval system, translated or
transmitted in any form or by any means, without the prior written permission of MikroElektronika. The manual PDF edition can be printed for private or local use,
but not for distribution. Any modification of this manual is prohibited. MikroElektronika provides this manual as is without warranty of any kind, either expressed
or implied, including, but not limited to, the implied warranties or conditions of merchantability or fitness for a particular purpose.
MikroElektronika shall assume no responsibility or liability for any errors, omissions and inaccuracies that may appear in this manual. In no event shall
MikroElektronika, its directors, ocers, employees or distributors be liable for any indirect, specific, incidental or consequential damages (including damages for
loss of business profits and business information, business interruption or any other pecuniary loss) arising out of the use of this manual or product, even if
MikroElektronika has been advised of the possibility of such damages. MikroElektronika reserves the right to change information contained in this manual at any
time without prior notice, if necessary.
If you want to learn more about our products, please visit our website at www.mikroe.com
If you are experiencing some problems with any of our products or just need additional
information, please place your ticket at www.mikroe.com/esupport
If you have any questions, comments or business proposals,
ver. 2.00
0 100000 023501