Using Widgets of Screen Designer in own code

[Vladi]

Hello guys,

currently I'm working on programming a Riverdi TFT EVE 3 Display with an Nucleo STM32 board.
I don´t want to use the Screen Designer for my application but I would like to integrate one widget of the Screen Designer in my code.
It is the "ArcSlider" widget. As I can see in your library for the Screen Designer there is the file "Ft_Esd_ArcSlider.h" with the struct for building ArcSlider objects.
I could import the ArcSlider specific files into my workspace and then build the object like this:

Ft_Esd_ArcSlider object1, *pobject1
pobject1 = &object1;
pobject1 ->Widget.Active = 1;
pobject1 ->Widget.LocalX = 85;
pobject1 ->Widget.LocalY = 36;
pobject1 ->Widget.LocalWidth = 347;
pobject1 ->Widget.LocalHeight = 216;

or use the appropriate fuction provided by your library.

But my question is: How is it possible to display the object/ to put in the the display list ?

Best regards

Vladi

[BRT Community]

Hello,

I will see if we are able to provide the Display List required to generate an ARC Slide widget.

Best Regards,
BRT Community

[Vladi]

Thank you that would be great!
But actually I´ve realized that I don´t need touch functionality. Therefore the display list for the ESD Partial Ring Widget would be sufficient.

Vladi

[BRT Community]

Hello,

The dev team replied and ESD provides all the source code of ESD widget.  You can find it at widget folder $(InstallationPath)\Libraries\Ft_Eve_Widgets. 
However, some advanced ESD widgets are based on other base widgets. In this case, Esd Archslider is the advanced widget.
Esd Arcslider widget is constructed on top of other widgets: Esd Partial Ring.  Esd Partial Ring is based on Esd ArcLine widget.

An Esd Arcslider widget uses 3 Esd ArcLine widgets. Therefore, to check how to draw the Esd Arcslider, you need study how to draw the arcline.

I attached the Ft_Esd_Arcline.c for your reference. You also can find it at the  widget folder above.

Here is the display list to draw the Esd Arcline . Users can find this from Inspector window which is near to Error List. 

Code Select Expand


0            0x02212121       CLEAR_COLOR_RGB(33, 33, 33) 
1            0x120000ff         CLEAR_TAG(255)             
2            0x26000007       CLEAR(1, 1, 1)   
3            0x03000002       TAG(2) 
4            0x22000000       SAVE_CONTEXT()           
5            0x1b056861       SCISSOR_XY(173, 97)     
6            0x1c1b6142       SCISSOR_SIZE(438, 322)
7            0x02000000       CLEAR_COLOR_RGB(0, 0, 0)       
8            0x0f000000        CLEAR_COLOR_A(0)       
9            0x20000001       COLOR_MASK(0, 0, 0, 1)
10          0x0b000000       BLEND_FUNC(ZERO, ZERO)         
11          0x27000004       VERTEX_FORMAT(4)     
12          0x1f000009        BEGIN(RECTS)   
13          0x0e000010       LINE_WIDTH(16)             
14          0x472805f0        VERTEX2F(3664, 1520)   
15          0x51581a50       VERTEX2F(8880, 6736)   
16          0x0b000010       BLEND_FUNC(SRC_ALPHA, ZERO)             
17          0x27000004       VERTEX_FORMAT(4)     
18          0x1f000002        BEGIN(POINTS)
19          0x0d000a00       POINT_SIZE(2560)           
20          0x4c401020       VERTEX2F(6272, 4128)   
21          0x0b000000       BLEND_FUNC(ZERO, ZERO)         
22          0x27000004       VERTEX_FORMAT(4)     
23          0x1f000002        BEGIN(POINTS)
24          0x0d000680       POINT_SIZE(1664)           
25          0x4c401020       VERTEX2F(6272, 4128)   
26          0x100000ff         COLOR_A(255) 
27          0x04ffffff            COLOR_RGB(255, 255, 255)       
28          0x0d001400       POINT_SIZE(5120)           
29          0x27000000       VERTEX_FORMAT(0)     
30          0x1f000008        BEGIN(EDGE_STRIP_B) 
31          0x40c40102       VERTEX2F(392, 258)       
32          0x405301e4       VERTEX2F(166, 484)       
33          0x21000000       END()   
34          0x04000000       COLOR_RGB(0, 0, 0)       
35          0x100000ff         COLOR_A(255) 
36          0x04ffffff            COLOR_RGB(255, 255, 255)       
37          0x0d001400       POINT_SIZE(5120)           
38          0x27000000       VERTEX_FORMAT(0)     
39          0x1f000008        BEGIN(EDGE_STRIP_B) 
40          0x40c40102       VERTEX2F(392, 258)       
41          0x413601e4       VERTEX2F(620, 484)       
42          0x21000000       END()   
43          0x04000000       COLOR_RGB(0, 0, 0)       
44          0x04d0cec6        COLOR_RGB(208, 206, 198)       
45          0x100000ff         COLOR_A(255) 
46          0x2000000f        COLOR_MASK(1, 1, 1, 1)
47          0x0b00001d       BLEND_FUNC(DST_ALPHA, ONE_MINUS_DST_ALPHA)         
48          0x27000004       VERTEX_FORMAT(4)     
49          0x1f000009        BEGIN(RECTS)   
50          0x0e000010       LINE_WIDTH(16)             
51          0x47400620       VERTEX2F(3712, 1568)   
52          0x51401a20       VERTEX2F(8832, 6688)   
53          0x23000000       RESTORE_CONTEXT()     
54          0x22000000       SAVE_CONTEXT()           
55          0x100000ff         COLOR_A(255) 
56          0x04d0cec6        COLOR_RGB(208, 206, 198)       
57          0x27000004       VERTEX_FORMAT(4)     
58          0x1f000002        BEGIN(POINTS)
59          0x0d0001c0       POINT_SIZE(448)             
60          0x495595f5        VERTEX2F(4779, 5621)   
61          0x04d0cec6        COLOR_RGB(208, 206, 198)       
62          0x100000ff         COLOR_A(255) 
63          0x27000004       VERTEX_FORMAT(4)     
64          0x1f000002        BEGIN(POINTS)
65          0x0d0001c0       POINT_SIZE(448)             
66          0x4f2a95f5         VERTEX2F(7765, 5621)   
67          0x23000000       RESTORE_CONTEXT()     
68          0x22000000       SAVE_CONTEXT()           
69          0x1b057062       SCISSOR_XY(174, 98)     
70          0x1c1b4140       SCISSOR_SIZE(436, 320)
71          0x20000001       COLOR_MASK(0, 0, 0, 1)
72          0x0b000010       BLEND_FUNC(SRC_ALPHA, ZERO)             
73          0x27000004       VERTEX_FORMAT(4)     
74          0x1f000002        BEGIN(POINTS)
75          0x0d000a00       POINT_SIZE(2560)           
76          0x4c401020       VERTEX2F(6272, 4128)   
77          0x0b000000       BLEND_FUNC(ZERO, ZERO)         
78          0x27000004       VERTEX_FORMAT(4)     
79          0x1f000002        BEGIN(POINTS)
80          0x0d000680       POINT_SIZE(1664)           
81          0x4c401020       VERTEX2F(6272, 4128)   
82          0x2000000f        COLOR_MASK(1, 1, 1, 1)
83          0x04d0cec6        COLOR_RGB(208, 206, 198)       
84          0x100000ff         COLOR_A(255) 
85          0x0b00001d       BLEND_FUNC(DST_ALPHA, ONE_MINUS_DST_ALPHA)         
86          0x23000000       RESTORE_CONTEXT()     
87          0x22000000       SAVE_CONTEXT()           
88          0x1b058865       SCISSOR_XY(177, 101)   
89          0x1c1ae13a       SCISSOR_SIZE(430, 314)
90          0x02000000       CLEAR_COLOR_RGB(0, 0, 0)       
91          0x0f000000        CLEAR_COLOR_A(0)       
92          0x20000001       COLOR_MASK(0, 0, 0, 1)
93          0x0b000000       BLEND_FUNC(ZERO, ZERO)         
94          0x27000004       VERTEX_FORMAT(4)     
95          0x1f000009        BEGIN(RECTS)   
96          0x0e000010       LINE_WIDTH(16)             
97          0x47480630       VERTEX2F(3728, 1584)   
98          0x51381a10       VERTEX2F(8816, 6672)   
99          0x0b000010       BLEND_FUNC(SRC_ALPHA, ZERO)             
100        0x27000004       VERTEX_FORMAT(4)     
101        0x1f000002        BEGIN(POINTS)
102        0x0d0009c0       POINT_SIZE(2496)           
103        0x4c401020       VERTEX2F(6272, 4128)   
104        0x0b000000       BLEND_FUNC(ZERO, ZERO)         
105        0x27000004       VERTEX_FORMAT(4)     
106        0x1f000002        BEGIN(POINTS)
107        0x0d0006a0       POINT_SIZE(1696)           
108        0x4c401020       VERTEX2F(6272, 4128)   
109        0x100000ff         COLOR_A(255) 
110        0x04ffffff            COLOR_RGB(255, 255, 255)       
111        0x0d001380       POINT_SIZE(4992)           
112        0x27000000       VERTEX_FORMAT(0)     
113        0x1f000008        BEGIN(EDGE_STRIP_B) 
114        0x40c40102       VERTEX2F(392, 258)       
115        0x405601de       VERTEX2F(172, 478)       
116        0x21000000       END()   
117        0x04000000       COLOR_RGB(0, 0, 0)       
118        0x100000ff         COLOR_A(255) 
119        0x04ffffff            COLOR_RGB(255, 255, 255)       
120        0x0d001380       POINT_SIZE(4992)           
121        0x27000000       VERTEX_FORMAT(0)     
122        0x1f000008        BEGIN(EDGE_STRIP_B) 
123        0x40c40102       VERTEX2F(392, 258)       
124        0x413301de       VERTEX2F(614, 478)       
125        0x21000000       END()   
126        0x04000000       COLOR_RGB(0, 0, 0)       
127        0x04060504       COLOR_RGB(6, 5, 4)       
128        0x100000ff         COLOR_A(255) 
129        0x2000000f        COLOR_MASK(1, 1, 1, 1)
130        0x0b00001d       BLEND_FUNC(DST_ALPHA, ONE_MINUS_DST_ALPHA)         
131        0x27000004       VERTEX_FORMAT(4)     
132        0x1f000009        BEGIN(RECTS)   
133        0x0e000010       LINE_WIDTH(16)             
134        0x47600660       VERTEX2F(3776, 1632)   
135        0x512019e0       VERTEX2F(8768, 6624)   
136        0x23000000       RESTORE_CONTEXT()     
137        0x22000000       SAVE_CONTEXT()           
138        0x100000ff         COLOR_A(255) 
139        0x04060504       COLOR_RGB(6, 5, 4)       
140        0x27000004       VERTEX_FORMAT(4)     
141        0x1f000002        BEGIN(POINTS)
142        0x0d000190       POINT_SIZE(400)             
143        0x495b15ea       VERTEX2F(4790, 5610)   
144        0x04060504       COLOR_RGB(6, 5, 4)       
145        0x100000ff         COLOR_A(255) 
146        0x27000004       VERTEX_FORMAT(4)     
147        0x1f000002        BEGIN(POINTS)
148        0x0d000190       POINT_SIZE(400)             
149        0x4f2515ea        VERTEX2F(7754, 5610)   
150        0x23000000       RESTORE_CONTEXT()     
151        0x22000000       SAVE_CONTEXT()           
152        0x1b059066       SCISSOR_XY(178, 102)   
153        0x1c1ac138        SCISSOR_SIZE(428, 312)
154        0x20000001       COLOR_MASK(0, 0, 0, 1)
155        0x0b000010       BLEND_FUNC(SRC_ALPHA, ZERO)             
156        0x27000004       VERTEX_FORMAT(4)     
157        0x1f000002        BEGIN(POINTS)
158        0x0d0009c0       POINT_SIZE(2496)           
159        0x4c401020       VERTEX2F(6272, 4128)   
160        0x0b000000       BLEND_FUNC(ZERO, ZERO)         
161        0x27000004       VERTEX_FORMAT(4)     
162        0x1f000002        BEGIN(POINTS)
163        0x0d0006a0       POINT_SIZE(1696)           
164        0x4c401020       VERTEX2F(6272, 4128)   
165        0x2000000f        COLOR_MASK(1, 1, 1, 1)
166        0x04060504       COLOR_RGB(6, 5, 4)       
167        0x100000ff         COLOR_A(255) 
168        0x0b00001d       BLEND_FUNC(DST_ALPHA, ONE_MINUS_DST_ALPHA)         
169        0x23000000       RESTORE_CONTEXT()     
170        0x22000000       SAVE_CONTEXT()           
171        0x1b058865       SCISSOR_XY(177, 101)   
172        0x1c1ae13a       SCISSOR_SIZE(430, 314)
173        0x02000000       CLEAR_COLOR_RGB(0, 0, 0)       
174        0x0f000000        CLEAR_COLOR_A(0)       
175        0x20000001       COLOR_MASK(0, 0, 0, 1)
176        0x0b000000       BLEND_FUNC(ZERO, ZERO)         
177        0x27000004       VERTEX_FORMAT(4)     
178        0x1f000009        BEGIN(RECTS)   
179        0x0e000010       LINE_WIDTH(16)             
180        0x47480630       VERTEX2F(3728, 1584)   
181        0x51381a10       VERTEX2F(8816, 6672)   
182        0x0b000010       BLEND_FUNC(SRC_ALPHA, ZERO)             
183        0x27000004       VERTEX_FORMAT(4)     
184        0x1f000002        BEGIN(POINTS)
185        0x0d0009c0       POINT_SIZE(2496)           
186        0x4c401020       VERTEX2F(6272, 4128)   
187        0x0b000000       BLEND_FUNC(ZERO, ZERO)         
188        0x27000004       VERTEX_FORMAT(4)     
189        0x1f000002        BEGIN(POINTS)
190        0x0d0006a0       POINT_SIZE(1696)           
191        0x4c401020       VERTEX2F(6272, 4128)   
192        0x100000ff         COLOR_A(255) 
193        0x04ffffff            COLOR_RGB(255, 255, 255)       
194        0x0d001380       POINT_SIZE(4992)           
195        0x27000000       VERTEX_FORMAT(0)     
196        0x1f000008        BEGIN(EDGE_STRIP_B) 
197        0x40c40102       VERTEX2F(392, 258)       
198        0x405601de       VERTEX2F(172, 478)       
199        0x21000000       END()   
200        0x04000000       COLOR_RGB(0, 0, 0)       
201        0x100000ff         COLOR_A(255) 
202        0x04ffffff            COLOR_RGB(255, 255, 255)       
203        0x0d001380       POINT_SIZE(4992)           
204        0x27000000       VERTEX_FORMAT(0)     
205        0x1f000006        BEGIN(EDGE_STRIP_L)   
206        0x40c40102       VERTEX2F(392, 258)       
207        0x40300163       VERTEX2F(96, 355)         
208        0x21000000       END()   
209        0x04000000       COLOR_RGB(0, 0, 0)       
210        0x04c55a11       COLOR_RGB(197, 90, 17)             
211        0x100000ff         COLOR_A(255) 
212        0x2000000f        COLOR_MASK(1, 1, 1, 1)
213        0x0b00001d       BLEND_FUNC(DST_ALPHA, ONE_MINUS_DST_ALPHA)         
214        0x27000004       VERTEX_FORMAT(4)     
215        0x1f000009        BEGIN(RECTS)   
216        0x0e000010       LINE_WIDTH(16)             
217        0x47501030       VERTEX2F(3744, 4144)   
218        0x4c3019f0        VERTEX2F(6240, 6640)   
219        0x23000000       RESTORE_CONTEXT()     
220        0x22000000       SAVE_CONTEXT()           
221        0x04c55a11       COLOR_RGB(197, 90, 17)             
222        0x100000b9       COLOR_A(185) 
223        0x27000004       VERTEX_FORMAT(4)     
224        0x1f000002        BEGIN(POINTS)
225        0x0d000188       POINT_SIZE(392)             
226        0x496495f1        VERTEX2F(4809, 5617)   
227        0x100000ff         COLOR_A(255) 
228        0x04c55a11       COLOR_RGB(197, 90, 17)             
229        0x27000004       VERTEX_FORMAT(4)     
230        0x1f000002        BEGIN(POINTS)
231        0x0d000190       POINT_SIZE(400)             
232        0x495b15ea       VERTEX2F(4790, 5610)   
233        0x04622d08       COLOR_RGB(98, 45, 8)   
234        0x1000007d       COLOR_A(125) 
235        0x27000004       VERTEX_FORMAT(4)     
236        0x1f000002        BEGIN(POINTS)
237        0x0d000188       POINT_SIZE(392)             
238        0x48569289       VERTEX2F(4269, 4745)   
239        0x04c55a11       COLOR_RGB(197, 90, 17)             
240        0x100000ff         COLOR_A(255) 
241        0x27000004       VERTEX_FORMAT(4)     
242        0x1f000002        BEGIN(POINTS)
243        0x0d000190       POINT_SIZE(400)             
244        0x485b92a8       VERTEX2F(4279, 4776)   
245        0x23000000       RESTORE_CONTEXT()     
246        0x030000ff         TAG(255)           
247        0x00000000       DISPLAY()           
248        0x00000000       DISPLAY()           


Best Regards,
BRT Community