Image on button

Printable View

Image on button

Hello all,

some help please with this puzzle:

I'm trying to put an image on a pushbutton. I wrote this program in Qt3 on Linux, later I rewrote it to Qt4. So no Qt3 support or anything, only Qt4 left.
Now I'm trying to compile it on Windows. But I cannot get the image to show on the pushbutton on Windows. Works on Linux.

This is what I'm trying to do: Can somebody see the problem with this?

Code:

from knop.h:
	QPixmap pWit;
	QPalette palWit;
	QString progPath;
 
from knop.c:
 
knop::knop(QWidget* parent)
    : QWidget(parent)
{
    setMaximumSize( QSize( 50, 50 ) );
 
    but = new QPushButton("but", this);
    but->setGeometry( QRect( 0, 0, 50, 50 ) );
    but->setCheckable(true);
    but->setFont(QFont("Bitstream Vera Sans",22,QFont::Bold));
    but->setFlat(true);
 
    e = new QLineEdit("e", this);
    e->setGeometry( QRect( 5, 5, 40, 10 ) );
    QFont e_font(  e->font() );
    e_font.setPointSize( 10 );
    e->setFont( e_font ); 
    e->setFrame( FALSE );
 
    resize( QSize(50, 50).expandedTo(minimumSizeHint()) );
    connect( but, SIGNAL(clicked()), SLOT(butClick()) ); 
    init();
 
}
 
void knop::init()
{
#ifdef _WIN32
	progPath = "/home/bartv/progs/sudoku/"; //linux
#else
	progPath = "D:/qt/progs/sudoku/"; //windows
#endif
 
pWit.load("knopWit.png");
 
palWit.setBrush(QPalette::Active,QPalette::Window,QBrush(pWit));
palWit.setBrush(QPalette::Active,QPalette::Base,QColor(255,255,255));
palWit.setBrush(QPalette::Active,QPalette::Text,QColor(0,0,0));
palWit.setBrush(QPalette::Active,QPalette::ButtonText,QColor(0,0,0));
palWit.setBrush(QPalette::Inactive,QPalette::Window,QBrush(pWit));
palWit.setBrush(QPalette::Inactive,QPalette::Base,QColor(255,255,255));
palWit.setBrush(QPalette::Inactive,QPalette::Text,QColor(0,0,0));
palWit.setBrush(QPalette::Inactive,QPalette::ButtonText,QColor(0,0,0));
 
but->setPallete(palWit);
e->setPalette(palWit);

11th August 2006, 14:12
jacek

Re: Image on button

Where do you use progPath?

PS. You might find QCoreApplication::applicationDirPath() useful.

Re: Image on button

Thanks Jacek,

but not the answer I was looking for at te moment.

The solution to the problem at hand: put an label behind the button.
In Qt4 it's not posible anymore to put an image on an button. Only labels.
So label behind button, alpha of the button to 0.

Code:

label = new QLabel("label", this);
	label->setGeometry( QRect( 0, 0, 50, 50 ) );
	label->setText("");
 
    but = new QPushButton("but", this);
    but->setGeometry( QRect( 0, 0, 50, 50 ) );
    but->setCheckable(true);
    but->setFont(QFont("Bitstream Vera Sans",22,QFont::Bold));
    but->setFlat(true);
 
    e = new QLineEdit("e", this);
    e->setGeometry( QRect( 5, 5, 40, 10 ) );
    QFont e_font(  e->font() );
    e_font.setPointSize( 10 );
    e->setFont( e_font ); 
    e->setFrame( FALSE );
 
    resize( QSize(50, 50).expandedTo(minimumSizeHint()) );
    connect( but, SIGNAL(clicked()), SLOT(butClick()) ); 
    init();
 
}
 
knop::~knop(){}
 
void knop::init()
{
pWit.load("/home/bartv/progs/sudoku/include/knopWit.png");
pRood.load("/home/bartv/progs/sudoku/include/knopRood.png");
pGroen.load("/home/bartv/progs/sudoku/include/knopGroen.png");
 
 
palWit.setColor(QPalette::Base,QColor(255,255,255));
palWit.setColor(QPalette::Button,QColor(255,255,255,0));
 
palRood.setColor(QPalette::Base,QColor(255,0,0));
 
palGroen.setColor(QPalette::Base,QColor(0,255,0));
 
palClick.setColor(QPalette::Base,QColor(150,150,150));
palClick.setColor(QPalette::Button,QColor(150,150,150,255));
 
label->setPixmap(pWit);
but->setPalette(palWit);
e->setPalette(palWit);

Cheers,
Bart.

11th August 2006, 19:07
windkracht8

Re: Image on button

ps.

-cut- from "QCoreApplication::applicationDirPath()"
Warning: On Unix, this function assumes that argv[0] contains the file name of the executable (which it normally does). It also assumes that the current directory hasn't been changed by the application.

Sounds like it's the same as "QDir::Path()".

Cheers,
Bart.
11th August 2006, 19:08
Brandybuck

Re: Image on button

Quote:

Originally Posted by windkracht8

In Qt4 it's not posible anymore to put an image on an button.

Yet you say you can do it in Linux!!

Quote:

Originally Posted by windkracht8

pWit.load("/home/bartv/progs/sudoku/include/knopWit.png");
pRood.load("/home/bartv/progs/sudoku/include/knopRood.png");
pGroen.load("/home/bartv/progs/sudoku/include/knopGroen.png");

Do these paths exist under Windows?
11th August 2006, 19:17
jacek

Re: Image on button

Quote:

Originally Posted by windkracht8

Sounds like it's the same as "QDir::Path()".

Yes, but it's a static method.
11th August 2006, 19:21
jacek

Re: Image on button

Quote:

Originally Posted by windkracht8

In Qt4 it's not posible anymore to put an image on an button.

It is possible as it works for me (on both Linux and windows) --- you just have to use correct paths.

Re: Image on button

Quote:

Originally Posted by jacek

It is possible as it works for me (on both Linux and windows) --- you just have to use correct paths.

Could you please post your code on howto do this here please.

To clear up things:
This is in init: (Could have been done with QDir::progPath(), but not implemented yet)
Code:

#ifdef _WIN32 progPath = "D:/qt/progs/sudoku/"; //windows #else progPath = "/home/bartv/progs/sudoku/"; //linux #endif pWit.load("knopWit.png"); palWit.setColor(QPalette::Base,QColor(255,255,255)); palWit.setColor(QPalette::Button,QColor(255,255,255,0)); palWit.setColor(QPalette::Text,QColor(0,0,0,255)); palWit.setColor(QPalette::ButtonText,QColor(0,0,0,255)); label->setPixmap(pWit); but->setPalette(palWit); e->setPalette(palWit);
@Brandybuck:
With Qt3.3, not with Qt4 anymore, sorry for the mixup.

Cheers,
Bart.

14th August 2006, 09:37
jacek

Re: Image on button
Quote:

Originally Posted by windkracht8

Could you please post your code on howto do this here please.

Try something like:
Code:

pWit.load( QCoreApplication::applicationDirPath() + QDir::separator() + "knopWit.png" ); but->setIcon( pWit );
14th August 2006, 11:21
windkracht8

Re: Image on button

That give's me a small icon on the button. I need the entire image to be the entire button.
So people see my image not the button.

Can't put an image on the net at the moment, no ftp allowd here.

But I got it to work. It's only a shame I need to put an label behind the button.

Cheers,
Bart.
14th August 2006, 11:38
jacek

Re: Image on button

Quote:

Originally Posted by windkracht8

That give's me a small icon on the button. I need the entire image to be the entire button. So people see my image not the button.

Maybe QPushButton::setFlat() will be enough?

Quote:

Originally Posted by windkracht8

Can't put an image on the net at the moment, no ftp allowd here.

Just post it as attachment (click "Manage Attachments" below the editor).

2 Attachment(s)

Re: Image on button

All ready got that set.

knop.cpp is an custom widget which is placed a couple of times in an frame on the main form.
Complete code included. Maybe someone is interrested in a qt cross-platform sudoku game. It generates games on different levels.

Now I just need to get it up and running on my phone. (windows mobile) :)

knop.cpp:

Code:

#include "knop.h"
#include "bc.h"
 
#include <QVariant>
#include <QLineEdit>
#include <QPushButton>
#include <QString>
#include <QApplication>
#include <QMessageBox>
#include <QTimer>
 
knop::knop(QWidget* parent)
    : QWidget(parent)
{
    setMaximumSize( QSize( 50, 50 ) );
 
	label = new QLabel("label", this);
	label->setGeometry( QRect( 0, 0, 50, 50 ) );
	label->setText("");
 
    but = new QPushButton("but", this);
    but->setGeometry( QRect( 0, 0, 50, 50 ) );
    but->setCheckable(true);
    but->setFont(QFont("Bitstream Vera Sans",22,QFont::Bold));
    but->setFlat(true);
 
    e = new QLineEdit("e", this);
    e->setGeometry( QRect( 5, 5, 40, 10 ) );
    QFont e_font(  e->font() );
    e_font.setPointSize( 10 );
    e->setFont( e_font ); 
    e->setFrame( FALSE );
 
    resize( QSize(50, 50).expandedTo(minimumSizeHint()) );
    connect( but, SIGNAL(clicked()), SLOT(butClick()) ); 
    init();
 
}
 
knop::~knop(){}
 
void knop::init()
{
progPath = QCoreApplication::applicationDirPath() + "/";
 
pWit.load(progPath + "include/knopWit.png");
pRood.load(progPath + "include/knopRood.png");
pGroen.load(progPath + "include/knopGroen.png");
 
palWit.setColor(QPalette::Base,QColor(255,255,255));
palWit.setColor(QPalette::Button,QColor(255,255,255,0));
palWit.setColor(QPalette::Text,QColor(0,0,0,255));
palWit.setColor(QPalette::ButtonText,QColor(0,0,0,255));
 
palRood.setColor(QPalette::Base,QColor(255,0,0));
palRood.setColor(QPalette::Text,QColor(0,0,0,255));
palRood.setColor(QPalette::ButtonText,QColor(0,0,0,255));
 
palGroen.setColor(QPalette::Base,QColor(0,255,0));
palGroen.setColor(QPalette::Text,QColor(0,0,0,255));
palGroen.setColor(QPalette::ButtonText,QColor(0,0,0,255));
 
palClick.setColor(QPalette::Base,QColor(200,200,200));
palClick.setColor(QPalette::Button,QColor(200,200,200,255));
palClick.setColor(QPalette::Text,QColor(0,0,0,255));
palClick.setColor(QPalette::ButtonText,QColor(0,0,0,255));
 
label->setPixmap(pWit);
but->setPalette(palWit);
e->setPalette(palWit);
 
}
void knop::setNum(QString num)
{
	but->setText(num);
	current = num;
	e->setText("");
}
 
void knop::butClick()
{
     bC* bC1 = new bC(knopRij,knopCol);
     QApplication::postEvent(this->parent()->parent(), bC1);
}
void knop::unClick()
{
	but->setChecked(false);
	but->setPalette(palWit);
	e->setPalette(palWit);
}
void knop::hint(QString hoort)
{
	QTimer::singleShot(2000, this, SLOT(terug()));
	but->setText(hoort);
	but->setPalette(palGroen);
	e->setPalette(palGroen);
}
void knop::terug()
{
	but->setText(current);
	but->setPalette(palWit);
	e->setPalette(palWit);
}
void knop::setRood()
{
	but->setPalette(palRood);
	e->setPalette(palRood);
	QTimer::singleShot(5000, this, SLOT(terug()));
}
void knop::setGroen()
{
	but->setPalette(palGroen);
	e->setPalette(palGroen);
	QTimer::singleShot(5000, this, SLOT(terug()));
}
void knop::clearEdit()
{
	e->setText("");
}