Up next in 10
How to get started with Riverdi STM32 Embedded Displays using TouchGFX
8 views
Jan 24, 2023
Purchase the Products shown in this video from :: https://riverdi.com/product-category/stm32-embedded-displays/?pr=26938 ________________________________________________________________________________________ Riverdi STM32 Playlist :::: https://www.youtube.com/playlist?list=PLfIJKC1ud8ghdUXJkp6eMQ5p8tYhj-Xc9 STM32 Playlist :::: https://www.youtube.com/playlist?list=PLfIJKC1ud8gga7xeUUJ-bRUbeChfTOOBd DOWNLOAD THIS PROJECT FROM :::: https://controllerstech.com/getting-started-with-riverdi-stm32-embedded-display/ ________________________________________________________________________________________ ******* SUPPORT US BY DONATING****** https://paypal.me/controllertech *******Join the Membership******* https://www.youtube.com/channel/UCkdqtSMnhYuMsJkyHOxiPZQ/join Join the Discord Server https://discord.gg/D32JE5wKyD Join the Telegram Group https://t.me/controllerstechdiscuss
View Video Transcript
0:00
foreign
0:01
[Music]
0:04
Tech
0:06
[Music]
0:12
we have covered so many displays in the
0:14
past which includes the cheap SBI based
0:17
displays intelligent HMI displays and
0:21
the ones embedded by SD on their boards
0:24
every display has its own advantages and
0:27
disadvantages
0:29
cheap displays are cheap but it's very
0:31
hard to program them and find a
0:33
compatible Library
0:35
HMI displays are a bit costlier and it's
0:38
easier to interface them but most of
0:40
them are missing a solid designer
0:42
platform
0:43
then the SD provides everything you need
0:46
a decent display a solid designer
0:49
software and it comes with a price tag
0:52
but again they don't provide higher
0:54
resolution displays and also the form
0:57
factor of the board is quite large so a
0:59
practical application is very hard
1:02
today I have another display with me
1:04
which is manufactured by the company
1:07
called rivety
1:08
they are specialized in manufacturing
1:10
different kinds of displays and yes it
1:13
includes the one based on stm32 MCU also
1:18
here you can check the stm32 embedded
1:21
displays
1:22
they generally provide the 7-inch and
1:25
10.1 inch stm32 based displays
1:30
rivety has sent me one test unit which
1:33
is this one right here
1:35
it is a 10.1 inch TFT display with a
1:39
resolution of 1280x800 pixels
1:43
it is based on the
1:46
stm32h747mcu with 2 megabytes of
1:48
internal Flash and one megabyte of RAM
1:52
other than that it also has the 64
1:54
megabytes of quad SPI and 8 megabytes of
1:58
sdram
1:59
and the best thing about this is that it
2:01
has the official support from the touch
2:03
gfx
2:07
this is how the controller board at the
2:10
back of the display looks like
2:12
you can see it has the ports for
2:14
different peripherals like FD can
2:17
rs-232 485 and one for the USB
2:22
this here is the power port to power the
2:25
display
2:26
it also has a Rebus connector to connect
2:29
other Rebus displays manufactured by the
2:31
rivety
2:33
here is the swd port to debug the MCU or
2:37
to load the program into it
2:39
there is one expansion connector which
2:42
gives us access to other peripherals
2:44
like I squared c u art SPI pwm ADC Etc
2:50
before we go ahead with interfacing the
2:53
display let's see the unboxing first
2:57
hello my name is Camille I'm CEO and
2:59
founder of riverdie and today we will be
3:02
unboxing our latest stm32 embedded
3:06
display uh in a size 10.1 inch which is
3:10
already available on our webshop and
3:12
through our distribution Network so
3:14
let's see uh when you will buy a module
3:18
from Liberty on our Distributors you
3:21
will buy it in the single package module
3:23
like this one that I have here and I
3:26
will I'm gonna show you what you will
3:29
get inside what is included in the
3:31
package and what is not included that
3:33
you may need also to use this display so
3:36
first when you open the box you will see
3:38
the package with the cables and the
3:41
jumpers so let me show you what we what
3:44
we have here we have two cables one is a
3:46
power cable and one is a programming
3:49
cable which is pretty important so let's
3:51
start first with the power cable
3:54
so we have a Molex a five pin and in the
3:57
second version of the display it will be
3:59
six pin power connector uh which on the
4:02
both sides has a Molex connector but in
4:05
most cases you will need to cut this
4:07
cable and connect it to the power supply
4:10
uh to to connect the power to the
4:13
display but the Molex cable for the
4:15
board is included and the second
4:17
connector and the second cable we have
4:19
here is a Molex to IDC connector which
4:23
is a programming cable and it's already
4:24
prepared for a Stelling
4:28
programmer version 2 which is the most
4:31
common step programmer right now on the
4:34
market that is not included of course
4:36
into the display package but you can use
4:39
this cable connected directly to the STM
4:42
programmer and then use this small Molex
4:45
connector and connect to the board and
4:47
start programming the display which we
4:50
will show in another video how to start
4:54
are programming the display okay so
4:56
let's have a look into the box what else
4:58
do we have of course we will find the
5:00
display there so let me take out this
5:04
one and see
5:06
what is in there uh the display that I
5:09
have here is the most sophisticated one
5:11
which is equipped with a touch screen
5:16
that is optically bonded to the display
5:19
so it's like fully
5:21
equipped version so with the board with
5:24
stm32 H7 microcontroller all the
5:28
memories all the iOS connectors and the
5:31
touchscreen that you can see here so I
5:34
have a display right now and I will
5:36
connect it because the display that you
5:38
will receive from us is already of
5:41
course tested and programmed with the
5:43
demo application to show you how does it
5:46
work so here I have the cable that I
5:50
already prepared with the power supply I
5:52
took a typical 12 volt power supply but
5:54
the power voltage on the connector is is
5:58
pretty wide it's from 6 to 30 volts so
6:03
you can check this in detail in the data
6:05
sheet of course but I use the 12 volt
6:07
which is very typical power supply that
6:09
I have I have a connector here and I
6:12
will connect it
6:13
right now
6:16
and what what we should see is a demo
6:19
application that I mentioned is already
6:21
programmed so as you see I already have
6:24
it and of course then we can use the
6:27
touchscreen as well it's programmed and
6:30
it's ready to to play with so you can
6:33
receive this display and immediately
6:35
check its performance uh and of course
6:39
to touch performance as well so uh this
6:43
is all for today you you you know
6:46
already and now and what to expect when
6:49
you will buy a single module a display
6:52
from us with stm32 so as I mentioned you
6:56
will have the power cable and you will
6:58
have the programming cable
7:00
um in the Box included so your start to
7:04
work with our display should be very
7:07
fast and easy okay so I wish you a
7:09
fantastic projects with our displays and
7:13
please order them from our website on or
7:15
from our Distributors Network okay thank
7:19
you very much for today uh bye bye
7:28
this is the back of the display and here
7:31
you can see the controller board
7:35
this here is the power port and this one
7:38
is the swd
7:41
we have the USB port the rs-485 and
7:45
rs-232 there are two Imports a coin
7:49
battery connector and the Rebus
7:51
connector you can also see the three
7:54
buttons on the top left corner the two
7:57
buttons are user buttons and the third
7:59
one is to reset the board
8:02
there is also a Micro SD card connector
8:05
and lastly we have the expansion
8:07
connector to connect other devices or to
8:10
use the i o pins
8:12
let's see the documents provided by them
8:15
for this display
8:16
we have the datasheet the drawing and a
8:19
3D viewer file
8:21
there is an option to customize the
8:24
order and a getting started page in the
8:27
customization page you can customize the
8:30
order as per your need
8:32
one important point I want to show here
8:34
is that you can customize the cover
8:36
glass even up to six millimeters and
8:38
more so it allows to use the display
8:41
even outdoor
8:44
the getting started guide focuses on
8:47
touch gfx and how to program the display
8:49
using it
8:51
since that's what I am covering in this
8:53
video Let's close it for now
8:58
we will see the data sheet in a while
9:01
this 3D file I downloaded earlier I have
9:05
a b viewer installed to see it
9:09
this is how it looks in the a b viewer
9:14
basically you can see the details of all
9:17
the components used in the display
9:31
well this could be extremely useful for
9:33
designers and for mechanical engineers
9:36
in the designing process let's check the
9:39
data sheet now
9:51
here you can see the naming Convention
9:53
of the display
9:54
this includes the company name the
9:57
display standard the screen size
9:59
resolution
10:01
Etc
10:05
here as per the electrical
10:07
characteristics the display can work
10:09
with wide range of voltages typically
10:11
ranging from 12 to 36 volts I am using a
10:15
12 volt 1 ampere adapter for it
10:18
all right now let's talk about the ports
10:21
first we have the power port
10:26
if you see here the pins are numbered on
10:29
the ports and Below we have the details
10:32
of the pins
10:33
in the power port we basically need to
10:36
connect two pins one for the power
10:38
supply and another to the ground
10:44
this pin number four can be used to
10:46
enable or disable the power supply but
10:49
by default this pin is enabled
10:51
if you want to turn off the display you
10:54
simply need to connect it to the ground
10:56
I am going to leave this pin open as it
10:59
is anyway internally connected to the
11:01
vdd
11:02
you can see the pin outs for other ports
11:05
here
11:06
for now I am interested in swd
11:10
here you can see the connections for six
11:12
pins and we need to connect them to the
11:14
exact same pins on the SD link
11:17
here you can see my power connector I
11:20
have only connected two pins one to the
11:23
VCC and another to the ground
11:25
this is the connection to the SD link
11:28
here I have connected all six pins to
11:31
the respective pins on the SD link
11:36
now we will simply connect the SD link
11:38
to the swd port and power connector to
11:42
the power port
11:50
next is the Rebus connector just in case
11:54
if you need to connect another display
11:55
to it then comes the backlight setting
11:59
you can connect external display via the
12:02
Rebus connector and select its backlight
12:04
power source
12:06
it can be internal 5 volts or the main
12:09
power supply
12:11
for details please check the
12:13
documentation here is the pin out for
12:16
the expansion connector and these are
12:18
all the peripherals you can access with
12:20
it
12:28
there are two user push buttons
12:30
connected to pc6 and pv0
12:34
also there is a user LED connected to
12:37
pj10
12:38
that is all the information there is in
12:40
the datasheet
12:42
let's start the touch gfx and design an
12:45
application
12:46
I am going to design a simple
12:48
application just to show you how to get
12:51
started with it
12:52
for the rest you can use all the touch
12:55
gfx features as mentioned in my other
12:57
videos
12:58
make sure you use the new version at
13:01
least 4.20 onwards
13:04
here click on create new and search
13:07
rivety
13:08
you can click on the result and read
13:10
about the display on the right
13:15
this is the 10.1 inch display that I
13:18
have
13:19
let's give some name to the project and
13:22
click create
13:26
first of all I am going to add a
13:28
background image
13:30
here I already have a ping image of the
13:33
same resolution
13:34
let's add this image to the project
13:39
next I am adding a slider and a gauge to
13:42
this screen
13:54
slider can have values from 0 to 100.
14:04
configure the widgets as per your need
14:16
now we will add one interaction to this
14:19
screen which will be called when the
14:21
slider value has changed
14:23
this will basically call a new function
14:26
slider updated which we will later write
14:28
in our IDE
14:30
the idea here is that the gauge should
14:33
move as we change the slider to do that
14:36
we will write a small code in the IDE
14:39
the designing part is finished so
14:41
generate the code
14:43
you can also run the simulator to see if
14:46
everything is as per your design
14:50
right now the slider is not changing
14:53
because we haven't programmed it yet
14:56
now go to the files
14:58
here in the main project folder open the
15:01
cube ID folder now open the project file
15:05
in the cube ID
15:08
all right the project has been loaded
15:11
our entire project will be in the cortex
15:14
M7
15:15
here you can see the main.c file
15:18
notice that the script already
15:20
initializes all the peripherals whether
15:23
you use them or not
15:25
we are not working with the main file
15:27
right now so go to generated and open
15:30
the screen one view base
15:32
here you will see the function which we
15:35
defined in the interaction
15:37
go to the definition of this function
15:40
and copy it
15:44
now go to the GUI folder and open the
15:47
screen 1 View
15:49
we need to First Define the function in
15:51
the header file so paste it here
15:54
now we will call our function in the
15:57
screen 1 view class
16:01
this will be basically called whenever
16:04
the slider value changes
16:08
and here we will update the gauge with
16:11
the same value
16:13
to do that we will call the gauge.set
16:15
value and pass the value of the slider
16:18
to it
16:19
now invalidate the gauge so that new
16:21
value can take effect
16:23
this is it let's build the code now
16:27
let's first check in the simulator if it
16:30
is working or not
16:35
you can see the gauge is updating as per
16:37
the slider value so we are good to go
16:40
now comes the important part about how
16:43
to load the program into the display
16:46
as per I have been told there are two
16:49
ways to do it
16:50
you cannot load it via the cube ID
16:53
you can directly load it via the touch
16:56
gfx or use the cube programmer to do it
17:00
but even before that we first need to
17:02
copy the external loader into the cube
17:05
programmer directory
17:07
if you see here in the project structure
17:09
there is a s t l d r folder it contains
17:14
the external loader we need so open this
17:17
folder and copy the loader now go to the
17:20
directory where the cube programmer is
17:22
installed
17:24
in my case it is in C program files SD
17:27
microelectronics stm32 Cube stm32 Cube
17:32
programmer here go inside the bin and
17:36
then external loader now paste the
17:39
loader here
17:40
I already have it so I will just replace
17:43
that one
17:44
you just need to do it for the first
17:47
project
17:48
now I am going to load the project using
17:50
the touch gfx but we need to restart it
17:53
first or else it will not see the loader
17:57
all right let's load our project
18:02
now click the Run Target to load it to
18:05
the display
18:11
it takes a lot of time to build and load
18:13
the project
18:19
all right it's finally done now
18:22
you have to press the reset button at
18:24
the back to reset the display
18:27
here we have our project
18:29
let's see it in action
18:39
you can see the gauge is responding
18:41
according to the movement of the slider
18:44
the slider and gauge both are very
18:47
responsive in their movement
18:51
so this is working very well
18:57
you only need to load the project once
18:59
from the touch gfx
19:01
let's say you modified the code and
19:04
rebuilt the project loading it from
19:06
touch gfx takes a lot of time
19:09
so now we will see how to load it via
19:11
the cube programmer here you go to the
19:14
debug folder
19:16
this file flash dot bin is generated
19:19
whenever you build the project
19:22
so now we can just load this file and it
19:25
will not take as much time as with the
19:27
touch gfx
19:28
open the cube programmer connect the SD
19:32
link
19:33
now go to this download section
19:36
make sure the address is 0 8 million
19:39
hexa browse the flash.bin file we just
19:43
saw
19:53
and click start programming to program
19:55
the board
19:57
remember that this will only load the
19:59
code to the internal flash so the qspi
20:02
is unaffected from it
20:04
I just showed you a very simple
20:06
application for this display but as I
20:08
said you can use everything that I have
20:10
covered in the touch gfx playlist
20:13
now one very important thing you have to
20:16
keep in mind even though they provide
20:18
the ioc file it is not advised to
20:20
generate the project from it
20:23
you can refer to it for the pin
20:24
connections but do not generate the
20:27
project from it or else it simply won't
20:29
work
20:30
as I mentioned in the beginning the
20:33
script they use pretty much initializes
20:35
all the peripherals and components so
20:37
you just have to directly call the
20:39
functions provided in the library
20:42
like here is the SD card driver and you
20:45
already have the function like init
20:47
right blocks read blocks Etc
20:50
or here you can see all the files for SD
20:53
card LED buttons flash
20:57
Etc
20:58
so you just have to analyze this project
21:01
structure and use the functions provided
21:03
to you
21:05
this is just like how SD provides the
21:07
examples in the Repository
21:10
before we wrap up this video Let's see
21:13
the demo project for this display
21:17
go to touch gfx and create a new project
21:22
select demos and click Port specific
21:25
demos
21:27
here are the demos for the rivety boards
21:33
click create to create the demo project
21:42
here the demo project has been created
21:45
now just run the Target from here to
21:47
load it on the display
22:23
here you can see the project is running
22:25
well on the display
22:27
so I hope you understood how to get
22:30
started with the rivety stm32 based
22:33
displays
22:34
the advantage you can have with it is
22:36
that there already is a solid designer
22:38
software available for free and we
22:41
already know the capabilities of using
22:43
stm32 as the controller
22:45
you can purchase the display from rivity
22:48
website and there is no minimal order
22:50
requirements so you can order even a
22:53
single piece
22:54
the displays are also available in offer
22:57
from the biggest Distributors like
22:59
Mouser the link to the website is in the
23:02
description below the link to download
23:05
the code is in the description too
23:08
this is it for this video
23:10
keep watching and have a nice day ahead
23:15
[Music]
#Electronic Components
#Electronics & Electrical