кнопки-иконки Опции Подписка на тему Сообщить другу Версия для печати Скачать тему Подписка на этот форум Режимы отображения Переключить на: Древовидный Стандартный Переключить на: Линейный

[breeve]

Как сделать иконку на которую можно нажать? сделал вот так:

icon = new QPushButton;
    icon->setFlat(true);
    QPixmap pix("lamp.png");
    icon->setIcon(pix);
    icon->setIconSize(pix.size());
    icon->setMask(pix.mask());

Но получается так что картинка немного глюченная, не прорисованная до конца как должна быть.. может есть какие-то другие варианты?
В дальнейшем планируется изменять цвет иконки при нажатии..

[lucifer_vrn]

breeve,
попробуй так:

    QToolButton *buttonOpen = new QToolButton;
    buttonOpen->setIcon(QIcon(":/tabbutton/images/open.png"));
    buttonOpen->setFixedSize(buttonOpen->iconSize());
    buttonOpen->setAutoRaise(true);

[breeve]

breeve,
попробуй так:

    QToolButton *buttonOpen = new QToolButton;
    buttonOpen->setIcon(QIcon(":/tabbutton/images/open.png"));
    buttonOpen->setFixedSize(buttonOpen->iconSize());
    buttonOpen->setAutoRaise(true);

Не получается что-то.. Иконка слишком маленькая и видны рамки кнопки.. Необходимо чтобы кнопку саму видно не было, а только иконку.. либо сделать кнопку в форме иконки.
В качестве примера - есть такие программы на linux - панельки с ярлычками(cairo-dock, awn). Нужно сделать что-то похожее..

Сообщение отредактировал breeve - 2.2.2010, 14:54

[lucifer_vrn]

ну тогда создать класс унаследованный от QToolButton или QPushButton в нем переопределить paintEvent, оригинальный paintEvent не вызывать, а в нем с помощью QPainter::drawPixmap нарисовать иконку....

[MoPDoBoPoT]

Необходимо чтобы кнопку саму видно не было, а только иконку

Есть еще такой метод void QPushButton::setFlat( bool )

[breeve]

Есть еще такой метод void QPushButton::setFlat( bool )

Только вот в коде который я предоставил я этот метод использовал.. но все равно остается белая рамка. Как я понял все дело в setMask().

Сообщение отредактировал breeve - 2.2.2010, 17:59

[JuryS1806]

Думаю только может помочь что троли прописали. только style sheets
Кстати в примерах mainwindow есть пример с рисованием виджетов
там left.jpg, border.jpg как раз определяют style sheets. /название какое-то дерьмо у тролей /

QPushButton {
border: 2px solid #8f8f91;
border-radius: 6px;
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #f6f7fa, stop: 1 #dadbde);
min-width: 80px;
}

QPushButton:pressed {
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #dadbde, stop: 1 #f6f7fa);
}

QPushButton:flat {
border: none; /* no border for a flat push button */
}

QPushButton:default {
border-color: navy; /* make the default button prominent */
}

[Litkevich Yuriy]

style sheets. /название какое-то дерьмо у тролей

весь трёп на эту тему переехал сюда

[breeve]

Наследовал класс от pushbutton и переопределил методы рисования, наведения, нажатия и отпускания. Вот код:

Раскрывающийся текст

PixButton::PixButton()//QString a): str(a)
{
    pix.load("earth.png");
    pixRect.setSize(pix.size());
    pixRect.moveTo(1,1);
}

void PixButton::paintEvent(QPaintEvent *event)
{
        QPainter painter(this);
        painter.drawPixmap(1,1,pix.width()-1,pix.height()-1,pix);
}

void PixButton::enterEvent(QEvent *event)
{
    pix.load("earth_move.png");
}

void PixButton::leaveEvent(QEvent *event)
{
    pix.load("earth.png");
}

void PixButton::mousePressEvent(QMouseEvent *e)
{
    if(e->button() == Qt::LeftButton){
        pix.load("earth_press.png");
        update();
    }
}

void PixButton::mouseReleaseEvent(QMouseEvent *e)
{
    if(e->button() == Qt::NoButton){
        pix.load("earth_release.png");
        update();
    }
}

Все вроде бы работает, кроме отпускания клавиши. Как сделать правильно? я кликаю на кнопку и картинка нажатия задерживается пока я не уведу мышь с кнопки. И сама кнопка при этом не работает. Как правильно переопределить метод отпускания кнопки?

Сообщение отредактировал breeve - 10.2.2010, 16:32

[breeve]

Как не пробую не получается...

[BRE]

А почему не использовать стили, как посоветовал JuryS1806?
И класс новый создавать не нужно и внешний вид кнопки редактировать без перекомпиляции исходников.

[breeve]

А почему не использовать стили, как посоветовал JuryS1806?
И класс новый создавать не нужно и внешний вид кнопки редактировать без перекомпиляции исходников.

А я пытался со стилями но что то я не нашел как картинкой заменить всю кнопку.. Посмотрел все возможности которые можно сделать с кнопкой.. Нашел только как менять картинку на кнопку-меню. Если нужно что-то простое: фон поменять, цвет текста и т.д. то выбор несомненно в пользу стилей, мне надо не много другое.

Сообщение отредактировал breeve - 10.2.2010, 17:33

[BRE]

А про это читал/пробовал?

QPushButton:focus {...}
QPushButton:hover {...}
QPushButton:pressed {...}

Для установки картинки:

QPushButton
{
    image: url(:/img/pp.jpeg);
    border: none;
}

Сообщение отредактировал Litkevich Yuriy - 10.2.2010, 19:46

[breeve]

А про это читал/пробовал?

Спасибо, видимо не досмотрел. А как убрать белый квадрат при нажатии? Я установил на hover и pressed свои иконки, и когда кнопка находится в фокусе то у нее появляется белый квадрат. Он появляется автоматически и непонятно как его вообще можно убрать

Сообщение отредактировал breeve - 11.2.2010, 18:59

[breeve]

появляется белый квадрат.

Я даже заморочился и заснял приложение чтобы было ясно про какой квадрат, собственно говоря, идет речь)

[BRE]

Вот так попробуй:
QPushButton:focus {
border: none;
}

А лучше покажи весь css-файл.

[breeve]

Вот так попробуй:
QPushButton:focus {
border: none;
}

Попробовал не получается.

А лучше покажи весь css-файл.

А у меня css код не в отдельном файле а вот так:

   oth = new QPushButton;
    oth->setFixedSize(pix.size());
    oth->setStyleSheet(
            "QPushButton {"
                "image: url(:/earth.png); "
                "border: none;"
            "}"
            "QPushButton:hover {"
                "image: url(:/earth_move.png);"
            "}"
            "QPushButton:pressed {"
                "image: url(:/earth_press.png);"
            "}"
            "QPushButton:focus {"
                "border: none;"
           "}"

);

[BRE]

А вот так попробуй:
QPushButton:focus {
border-style: none;
}

[breeve]

А вот так попробуй:
QPushButton:focus {
border-style: none;
}

Тоже самое..

[BRE]

Тоже самое..

Вот смотри что у меня.
(После загрузки файла расширение .txt убери)

Прикрепленные файлы

 out.ogv.txt ( 45.56 килобайт ) Кол-во скачиваний: 335

 

[breeve]

Вот смотри что у меня.

я вообще ничего не понимаю. Получается что белый квадрат преследует только меня. Кинь мне свой код, для сравнения, желательно весь.

Сообщение отредактировал breeve - 12.2.2010, 9:17

[BRE]

Вот смотри что у меня.

я вообще ничего не понимаю. Получается что белый квадрат преследует только меня. Кинь мне свой код, для сравнения, желательно весь.

Это я дизайнере баловался, т.е. могу сбросить .ui и картинки.
Пути до картинок не забудь откорректировать.
Да, использовал дизайнер от Qt 4.6.1.

Прикрепленные файлы

 test.tar.gz ( 15.97 килобайт ) Кол-во скачиваний: 319

 

[breeve]

Это я дизайнере баловался, т.е. могу сбросить .ui и картинки.
Пути до картинок не забудь откорректировать.
Да, использовал дизайнер от Qt 4.6.1.

я выдернул код из твоего .ui вот он:

Раскрывающийся текст

/********************************************************************************
** Form generated from reading UI file 'untitlednn3573.ui'
**
** Created: Fri Feb 12 10:00:40 2010
**      by: Qt User Interface Compiler version 4.6.1
**
** WARNING! All changes made in this file will be lost when recompiling UI file!
********************************************************************************/

#ifndef UNTITLEDNN3573_H
#define UNTITLEDNN3573_H

#include <QtCore/QVariant>
#include <QtGui/QAction>
#include <QtGui/QApplication>
#include <QtGui/QButtonGroup>
#include <QtGui/QHBoxLayout>
#include <QtGui/QHeaderView>
#include <QtGui/QLineEdit>
#include <QtGui/QPushButton>
#include <QtGui/QSpacerItem>
#include <QtGui/QVBoxLayout>
#include <QtGui/QWidget>

QT_BEGIN_NAMESPACE

class Ui_Form
{
public:
    QVBoxLayout *verticalLayout;
    QHBoxLayout *horizontalLayout;
    QPushButton *pushButton;
    QSpacerItem *horizontalSpacer;
    QLineEdit *lineEdit;

    void setupUi(QWidget *Form)
    {
        if (Form->objectName().isEmpty())
            Form->setObjectName(QString::fromUtf8("Form"));
        Form->resize(351, 117);
        verticalLayout = new QVBoxLayout(Form);
        verticalLayout->setObjectName(QString::fromUtf8("verticalLayout"));
        horizontalLayout = new QHBoxLayout();
        horizontalLayout->setObjectName(QString::fromUtf8("horizontalLayout"));
        pushButton = new QPushButton(Form);
        pushButton->setObjectName(QString::fromUtf8("pushButton"));
        pushButton->setMinimumSize(QSize(64, 64));
        pushButton->setStyleSheet(QString::fromUtf8("QPushButton {\n"
"    image: url(/home/bre/svn-commit.png);\n"
"    border: none;\n"
"}\n"
"\n"
"QPushButton:hover {\n"
"    image: url(/home/bre/svn-update.png);\n"
"}\n"
"\n"
"QPushButton:pressed {\n"
"    image: url(/home/bre/svn_add.png);\n"
"}\n"
"\n"
"QPushButton:focus {\n"
"    border-style: none;\n"
"}\n"
""));
        pushButton->setIconSize(QSize(64, 64));

        horizontalLayout->addWidget(pushButton);

        horizontalSpacer = new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum);

        horizontalLayout->addItem(horizontalSpacer);


        verticalLayout->addLayout(horizontalLayout);

        lineEdit = new QLineEdit(Form);
        lineEdit->setObjectName(QString::fromUtf8("lineEdit"));

        verticalLayout->addWidget(lineEdit);


        retranslateUi(Form);

        QMetaObject::connectSlotsByName(Form);
    } // setupUi

    void retranslateUi(QWidget *Form)
    {
        Form->setWindowTitle(QApplication::translate("Form", "Form", 0, QApplication::UnicodeUTF8));
    } // retranslateUi

};

namespace Ui {
    class Form: public Ui_Form {};
} // namespace Ui

QT_END_NAMESPACE

#endif // UNTITLEDNN3573_H

и вставил в свой и тот же самый белый квадрат.. Я уже начинаю думать что это так и должно быть..

Сообщение отредактировал breeve - 12.2.2010, 10:03

[BRE]

я выдернул код из твоего .ui и вставил в свой и тот же самый белый квадрат..

Я так понял у тебя Mac? Возможно для этого стиля идут дополнительные настройки css для всего приложения.
Посмотри раздел в assistant Qt Style Sheet Reference, на тему List Properties и попробуй поиграть с настройками,
попробуй border-image: none

А то сложно, что-то проверить, если у себя воспроизвести не получается.

[breeve]

Я так понял у тебя Mac? Возможно для этого стиля идут дополнительные настройки css для всего приложения.

Как это у меня Mac? O_o.. Всмысле ты имеешь ввиду ОСь, или стиль тут какой-то? Если ОСь то у меня убунту. Если стиль то сам я его не выбирал, и стандартный там точно не маковский.

А то сложно, что-то проверить, если у себя воспроизвести не получается.

Вообщем написал все заново чтобы не было ничего лишнего. Вот тут код с картинками, для проверки. Никаких путей вроде менять не надо..

Сообщение отредактировал breeve - 12.2.2010, 10:29

Прикрепленные файлы

 button.zip ( 254.42 килобайт ) Кол-во скачиваний: 128

 

[BRE]

Как это у меня Mac? O_o.. Всмысле ты имеешь ввиду ОСь, или стиль тут какой-то? Если ОСь то у меня убунту. Если стиль то сам я его не выбирал, и стандартный там точно не маковский.

Это я по декорации окна так подумал.

Вообщем написал все заново чтобы не было ничего лишнего. Вот тут код с картинками, для проверки. Никаких путей вроде менять не надо..

А у меня нормально.
Fedora 11 (x86_64)

Прикрепленные файлы

 out.ogv.txt ( 40.44 килобайт ) Кол-во скачиваний: 278

 

[breeve]

А у меня нормально.
Fedora 11 (x86_64)

О_О Получается что у меня не работает а у всех остальных работает.. Непорядок.. Только вот одно но.. я все понимаю если бы у меня на всех кнопках в системе были эти квадратики.. Я бы подумал на оконный менеджер. Но как так получается что только то что делаю, так вознаградили))

[BRE]

А у меня нормально.
Fedora 11 (x86_64)

О_О Получается что у меня не работает а у всех остальных работает.. Непорядок.. Только вот одно но.. я все понимаю если бы у меня на всех кнопках в системе были эти квадратики.. Я бы подумал на оконный менеджер. Но как так получается что только то что делаю, так вознаградили))

Да, собрал под Ubuntu. Такая же фигня как и у тебя. Кто-то (возможно это из-за Гнома) выделяет виджет в фокусе. Как это отключить в стилях пока не нашел. Посмотрю еще.
Как костыль, можно устанавливать:
bob->setFocusPolicy( Qt::NoFocus );
Тогда кнопка не будет получать фокус.

[Litkevich Yuriy]

тему разделил: CommandLinkButton и StyleSheet