Using the Renesas Graphics API to Create a User Interface

Trang 1

Renesas Electronics America Inc.

Using the Renesas Graphics API to Create a User Interface

Trang 2

Renesas Technology & Solution Portfolio

Trang 3

3

Renesas Technology & Solution Portfolio

Trang 4

Microcontroller and Microprocessor Line-up

44 DMIPS, True Low Power Embedded Security, ASSP

25 DMIPS, Low Power

 Industrial & Automotive, 150nm

 190µA/MHz, 0.3µA standby

 Industrial, 90nm

 200µA/MHz, 1.6µA deep standby

 Automotive & Industrial, 90nm

 600µA/MHz, 1.5µA standby

 Automotive & Industrial, 65nm

 600µA/MHz, 1.5µA standby  Automotive, 40nm

 500µA/MHz, 35µA deep standby

Trang 5

‘Enabling The Smart Society’

Trang 6

 Introduction to TFT Framebuffer, GAPI and Framework

 Lab 1: Explore Raster Frame and GAPI

 Lab 2: Understanding the Framework

 GUI translation process

 Lab 3: Create graphical resource files

 Lab 4: Create new screen

 Lab 5: Creating Interaction with the Screen

Agenda

Trang 7

7

Introduction to GAPI and Framework Lab 1: Explore Frame Buffer and GAPI

Trang 8

RGB pixel placement and sync pulses

G 6

B 5

1 PIXEL (or DOT)

16 BITS THERE ARE 130,560 (= 480x272)

OF THESE ON THIS PANEL

L1, P1 L1, P2 L1, P3 L1, P480

L2, P1 L2, P2 L2, P3 L2, P480

L1,P1 means “Line 1, Pixel 1”

L2,P1 means “Line 2, Pixel 1”

Trang 9

9

Start Lab 1

 Please refer to the Lab Handout and let’s get started!

Trang 10

The Frame Buffer

480

272

8 8 8

Data (8/8/8, 24bpp)

H-SYNC V-SYNC Pixel CLK

Control

6 6 6

Data (6/6/6, 18bpp)

5 6 5

Data (5/6/5, 16bpp)

RAM

Frame Pointer

Trang 11

2.How are they being located there?

3.What types of issues are you seeing with these methods

of writing to the frame buffer?

Trang 12

Introduction to GAPI and Framework Lab 2: Understanding the Framework

Trang 13

13

What is the “Framework”?

 Overview of demonstration code

Hardware Ext Bus Driver

RTOS GAPI

FrameWork

USB Driver Ethernet Driver

USB-API Ethernet-API

Direct Drive User Application Screens

Other Application Code

Trang 14

Start Lab 2

Trang 15

Framework Flow

Event Sources (Touchscreen,RTC)

Trang 16

Lab 2 Review/Questions

Lab 2 Questions:

1 How are we changing the color of the slider button?

2 Do you need to use Screen Object in the callback?

3 How are we handling the display corruption issues from Lab 1?

Trang 17

17

1 - How are we changing the color of the slider button?

 Determines the visual behavior of an associated object

 The usage of the scheme is dependent on object:

 In case of button handler

– [0]: behavior in inactive state – [1]: behavior in active state

 In case of slider handler

– [0]: appearance of the slider bar – [1]: appearance of the slider button

Trang 18

2-Do you need to use screen objects in the callback?

 No

 Screen objects are just a template for common behavior.

 Completely custom behavior can be defined in the callback.

 A combination of custom behavior and screen object is typical.

 Creation of your own “Screen Objects” is encouraged.

 In case of “Touched” callback, no screen object is used.

Trang 19

Trang 20

GUI Translation Process:

Lab 3: Create Graphical Resource Files

Trang 21

21

Original Artwork

 Your Mission: Make it “Work”

Trang 22

Decomposing the Problem

Trang 23

 Font “Square 721 BT” in sizes 12, 18, 24, 42

 Icons, Buttons and Regions

Trang 24

Converting Resources

 Button and Box Conversions

Trang 25

25

Start Lab 3

Trang 26

Lab 3 Review/Questions

1 What are several advantages and disadvantages to building the screen at runtime from components (as opposed to pre-rendering the information into the bitmaps)?

Trang 27

27

GUI Translation Process: Lab 4: Create new screen

Trang 28

Resource File

 Contains all resources

 Individual components accessed at runtime

Trang 29

Trang 30

Start Lab 4-Almost Done

Trang 31

2 What would be another candidate for a “handler” looking

at the source in this example?

Trang 32

GUI Translation Process:

Lab 5: Creating Interaction with the Screen

Trang 33

33

Using Events to Signal Updates

 Use Callback to control non-graphical elements

 Use Events to signal updates to Callback functions

 Control Target Rate from Slider

 Display simulated data values on graph and monitors

Trang 34

Start Lab 5 – Last One

Trang 35

Trang 36

Questions?

Trang 37

‘Enabling The Smart Society’

Định dạng
Số trang	38
Dung lượng	1,68 MB