How do I Build this Widget for Automotive Application in GUI

[Murari G]

)

[Pl45m4]

@Murari-G

It's a 4-way button with some sort of display in the middle, right?!
You could use single components and design a composed widget or you paint everything yourself using a custom widget and its paintEvent

Edit:

A custom widget acting like two spinBoxes together (thinking kinda abstract) might also work, since you have increase/decrease functions on X- and Y-axis (temperature and fan speed)

Btw: QML or QtWidget? And have you looked if there's something similar around yet?

[Murari G]

@Pl45m4 Thanks for the Response. I have searched to implement this functionality but I couldn't find anything could you please me help me with this ?

[Pl45m4]

@Murari-G said in How do I Build this Widget for Automotive Application in GUI:

could you please me help me with this ?

What do you have so far? You didnt say what language you are using and if QtWidgets or QML.

[Murari G]

@Pl45m4 QtWidgets

[SamiV123]

With Qt widgets you can make a new custom QWidget and do the paint yourself, ask your graphics team to provide you pre-rendered button background image + graphics do a few simple QPainter draw operations to blit the background image and button icons and the text.

Other possible solution is to create some custom GLSL shaders with GL paointer.

[KenAppleby 0]

@Murari-G

Use some creativity and basic software engineering principles.

You could start by subclassing QWidget and overriding

void paintEvent(QPaintEvent * e);

and also

void mousePressEvent(QMouseEvent *);
void mouseMoveEvent(QMouseEvent *);
void mouseReleaseEvent(QMouseEvent *);

then implementing the graphics and functional behaviour you wish to see and support.
This at least means using classes like QPainter, QBrush, QPen, QTransform, QImage, QPixmap, and maybe QRegion.

QTimer, QVariantAnimation will assist with the look and feel of the result.
You presumably have some underlying model that the UI interacts with, so use signals and slots for that.

There is probably more than just this one widget in the dashboard, if so structure your graphical widgets hierarchically where common functionality is provided by base classes.

[Murari G]

@KenAppleby-0
I could Implement this much

[JonB]

@Murari-G Looks good, well done!

[KenAppleby 0]

@Murari-G That's a good start. :-)

[Murari G]

@JonB Thank You