how to show LED in GUI and use push button to control it

rezaMSLM

@MrShawn said in how to show LED in GUI and use push button to control it:

I made these with radio buttons.

I use setStyleSheet method and sent these strings:
/QString StyleSheetOn("QRadioButton::indicator {width: 15px; height: 15px; border-radius: 7px;} QRadioButton::indicator:unchecked { background-color: lime; border: 2px solid gray;}");
    QString StyleSheetOff("QRadioButton::indicator {width: 15px; height: 15px; border-radius: 7px;} QRadioButton::indicator:unchecked { background-color: black; border: 2px solid gray;}");
I dont set check i simply set style sheet, I suppose you could set stylesheets for checked and unchecked and use setChecked methods.

-Shawn

if i want to set radio buttons colors to different colors how to change the code?
(i want some green radiobuttons some red etc...)

mrjj

@rezaMSLM
the background-color controls that.
you can do
background-color: rgb(47, 255, 11);
to set a color using RGB

rezaMSLM

@mrjj said in how to show LED in GUI and use push button to control it:

@rezaMSLM
the background-color controls that.
you can do
background-color: rgb(47, 255, 11);
to set a color using RGB

that controls all buttons color
i want some red, some green and so on

mrjj

@rezaMSLM
You can use names.
this is a MUST read.
https://doc.qt.io/Qt-5/stylesheet-syntax.html

QRadioButton#Name::indicator xxxxx

but i think the other leds you found will work better for this that style sheet. but
it should be doable.

rezaMSLM

i use this code:

void MainWindow::on_checkBox1_clicked(bool checked)
{
    if(checked == true)
    {
        ui->radioButton_2->show();
        QString StyleSheetOn("QRadioButton::mainwindow {width: 25px; height: 25px; border-radius: 7px;} QRadioButton#radioButton_2::indicator:unchecked { background-color: lime; border: 2px solid gray;}");
        setStyleSheet(StyleSheetOn);
    }
    else
    {
        ui->radioButton_2->hide();
    }
}

void MainWindow::on_checkBox2_clicked(bool checked)
{
    if(checked == true)
    {
        ui->radioButton->show();
        QString StyleSheetOn2("QRadioButton::mainwindow {width: 25px; height: 25px; border-radius: 7px;} QRadioButton#radioButton::indicator:unchecked { background-color: red; border: 2px solid gray;}");
        setStyleSheet(StyleSheetOn2);
    }
    else
    {
        ui->radioButton->hide();
    }


}

here is the result:

alt text

when showing one LED the other one is affected!

mrjj

@rezaMSLM
well i imagined you defined a big style sheet with
the names of all the LED
and set it once.
then hide() /show them

you can set stylesheet on mainwindow and it affects them also
no need to do directly on radiobutton.

rezaMSLM

@mrjj
I dont understand
please explain more

mrjj

@rezaMSLM
Ok
There is no need to set stylesheet on radio buttons.
If you right click main window and select Change stylesheet
you can put all lines there
QRadioButton#radioButton_2::xxx
QRadioButton#radioButton_3::xxx
QRadioButton#radioButton_4::xxx

for the colors u want.

all of it. for all names. and the default one.

then its always in effect.

and then just
ui->radioButton->show()/hide()

how many leds will there be ?

rezaMSLM

@mrjj
thanks alot

there will be 3 or 4 groups and about 10 to 15 LED's in each group

mrjj

@rezaMSLM
Ok, im a bit concerned about using names directly
ui->radioButton_2->show();
wont that become tons of names ?

rezaMSLM

@mrjj
yes it will
but i think this is the only way i can do

i'd like to use this LED indicator but dont know how put LED's in the coordinates i want to

LED example

mrjj

@rezaMSLM
well its possible to do more generic.
sender()) or lambda

its just a widget like radio button so its almost the same.
however, there is no designer version so you have to new it and place it.
(or use promotion as i did )

those leds will be fixed ?
So you have no need to save and load the locations?

rezaMSLM

@mrjj
yes LED's are Fixed

mrjj

@rezaMSLM
ok so it will work pretty fine just placing them in designer.

in the sample
https://www.dropbox.com/s/qi7frrlyvnrjvy6/LedTest.zip?dl=0

i use promotion. that allows you to copy them around and at run time they be the leds.

did u try sample?

rezaMSLM

@mrjj said in how to show LED in GUI and use push button to control it:

did u try sample?

yes
but dont know how to put LED's on the places i want on map

mrjj

@rezaMSLM
you just copy the widget and place it where u want ?
alt text
the widget is the led. so it work the same as radio buttons.

rezaMSLM

@mrjj
I still don't understand how to put LED's on different places on the map

@mrjj said in how to show LED in GUI and use push button to control it:

i use promotion. that allows you to copy them around and at run time they be the leds.

please explain more.
how to use promotion?

mrjj

@rezaMSLM
you put a widget on the form and right click it
select Promote
then give it the class name and include
alt text
Then click Add
and then promote.
When run, its now a Led.
you must have ledIndicator.cpp and .h added to project

also explained here
http://doc.qt.io/qt-5/designer-using-custom-widgets.html