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

mrjj

hi
i assume you try to use in your project.
here is sample using it
https://www.dropbox.com/s/qi7frrlyvnrjvy6/LedTest.zip?dl=0
(with promotion as i talked about)

rezaMSLM

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

i assume you try to use in your project.

that's right!
thank you i ran it but what next?

mrjj

@rezaMSLM
download project. run it ?
study .pro file

rezaMSLM

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

download project. run it ?
yes

my question is remaining
how to add my map to the GUI?

Pablo J. Rogina

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

how to add my map to the GUI?

Do you mean setting a background image for the MainWindow? If so, see example

rezaMSLM

@Pablo-J.-Rogina said in how to show LED in GUI and use push button to control it:

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

how to add my map to the GUI?

Do you mean setting a background image for the MainWindow? If so, see example

yes thank you!

but the image is tile:

how to correct it?

i want something like this:

MrShawn

I made these with radio buttons.

0_1531774374555_513fe1d2-f658-4af1-acfa-9a04da38b7a4-image.png

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

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

thanks
a good solution
but i have a problem!
when i put the radio button on a location on the map and run the program, thats fine but if i maximize the window, the map gets larger and so locations will move but radio buttons remain in previous locations. i want radiobuttons to move with map in order to remain on the location.
before window maximize:

After maximize:

EDIT:
i have used Qframe and set map as backgroundl to load the map in GUI

mrjj

@rezaMSLM
Make sure the radiobuttons are childs of the frame
alt text

rezaMSLM

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

@rezaMSLM
Make sure the radiobuttons are childs of the frame

thanks, worked!

another question:
i used this command to full screen the main window:
resize(QDesktopWidget().availableGeometry(this).size());

how to make the frame(map) the same size of the main window?

jsulm

@rezaMSLM If you use layouts then it should resize automatically

rezaMSLM

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

@rezaMSLM If you use layouts then it should resize automatically

i use many radio buttons in different locations in the frame, if use layouts i can not put radio buttons any location that i want. in addition when resizing the main window the radio buttons move more than map locations and get moved to a wrong location.

rezaMSLM

the answer that solves my problem is that "how to set frame size to the size of main window without using layouts"

rezaMSLM

if i use layouts this happens:
alt text

you see that when resizing the window, the radio button is not attached to the map

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.