The table above looks ok – you can see an array of attributes as expected. The picture below is the same list with attribute details expanded. It’s a bit work in progress, and I am not sure about the result yet – I have to think about this one as it looks a bit messy.…
This is my first attempt on a mock up of an array of attributes for UML Class, and I am very pleased with the result. I need to change the header color of the table and do a few things, but this was a first mock-up to get a feeling about how functional this would…
I will introduce a display symbol to do IO towards HMI so I don’t need copies of Forms everythere, but the diagram below is actually functional. I could actually generate code based on this – the two processes are modules where one run on STM32 and the second on Raspberry PI. The first collect ADC…
The purpose of a design grid is to force symbols to align to a grid line at left, top, right and bottom so they are easy to position and size compared to eachother. This speeds up drawing/design as you use less time sizing and positioning symbols on the screen. The default design grid is 10…
This show a classic label and an associated edit field. Notice that the text “label” and “Text” are not aligned. In my case I force the controls to align to the grid and in this case I get the side effect that these two texts do not align. One solution would be to switch off…
I just copied text from an earlier blog into my mini text editor for demonstration – and this works out very nicely. The capability to edit text is usually a dinosourus in these apps, so I am very happy to see that this one actually works out well and are very functional. I need to…
Many of the HMI controls use actual Windows Controls as base. In the example above I draw a simulated design form as a symbol and use various build-in controls to get the result as real as possible. The challenge is that these controls are designed to be in control – not be controlled by a…
Just to prove my point with borders being to dark I encreased them from 0x32,0x32,0x32 to 0x64 and it makes a big difference as you now actually can see the outline of the control. Keep in mind that these border lines are design help, not actual borders on the real Form. In design mode we…
The HMI Designer part is progressing, but I must admit that it is a large project and I don’t always have time to work on it. Finally started to wrap up the Property Editor and styling up HMI controls that still have light style. The example form above got a bit dark and close to…
ESP8285 is a smaller version of ESP8266 and comes in three different beakout modules – ESP-M1, ESP-M2 and ESP-M3. The attractive part of this is the size of only 12.3 x 15mm. This being a Wifi module with several IO options it is ideal for my old Model Train Control System. This picture is of…