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

[PunX]

Здравствуйте, в качестве кнопки иконки хочу взять CommandLinkButton, редактирую StyleSheet следующим образом:

QCommandLinkButton{
 image: url(:/chat.png);
}

но картинка на фоне не появляется. Файл картинки разложил куда только мог.

[pelican]

Кхм... Ну, как дела? Если вопрос еще висит, попробуй, например, так:

QCommandLinkButton { 
    image: url(:/chat.png);
    border-style: solid;    
}

[Алексей1153]

Подскажите, как для кнопки называется элемент, который задаёт стиль пунктирной рамочки, что появляется, когда кнопка в фокусе

Вообще, где-нибудь есть подробный справочник по всем элементам стилей всех GUI-классов Qt ?

Сообщение отредактировал Алексей1153 - 1.1.2011, 20:48

[Litkevich Yuriy]

Вообще, где-нибудь есть подробный справочник по всем элементам стилей всех GUI-классов Qt ?

тут

просто кнопка не популярная, можешь в трекер отписать, чтобы в документацию по CSS добавили эту кнопку

[Алексей1153]

спасибо, щас пороюсь. Но, чувствую, вопросов будет море ))

http://doc.crossplatform.ru/qt/4.7.x/stylesheet.html

попалось на глаза:

Когда таблица стилей активна, вызов QStyle вернёт QWidget::style()

наоборот же )


http://doc.crossplatform.ru/qt/4.7.x/stylesheet-syntax.html

>>Выравнивание выпадающего списка внутри прямоугольника полей изменяется используя свойство subcontrol-position
прям резануло по глазам

Сообщение отредактировал Алексей1153 - 2.1.2011, 12:46

[Алексей1153]

пунктирной рамочки, что появляется, когда кнопка в фокусе

так я и не разобрался с ней. Выяснил только, что цвет меняется (с дефолтного чёрного на белый) при задании градиента фона - любого, к примеру

background-color:(spread: xq:0.0, y1:0.0, x2:0.0, y2:1.0, stop:0.5 #555555, stop:0.0 #aaaaaa)
(сам градиент кнопки отображается нормально)

Сообщение отредактировал Алексей1153 - 2.1.2011, 19:23

[Алексей1153]

непонятный cпецэффект:

имеется некий стиль
QString Style;

по кнопке делаю переключение МойСтиль<->ДефолтныйСтиль

мой стиль:
qApp->setStyleSheet(Style);

дефолтный стиль:
qApp->setStyleSheet("");

тут всё ок.

но только для элементов, которые созданы через встроенный в креатор редактор форм. Если элемент из плагина был положен на форму в утилите-дизайнере, то такое "общее" отключение стиля не работает для этого элемента - он остаётся разукрашен. Если же сделать "личное" отключение

ui->edit1->setStyleSheet("");

то дефолтный стиль включается.

При всём при этом "общее" ВКЛЮЧЕНИЕ своего стиля работает как надо

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

[Алексей1153]

ну а всё-таки. Кто сможет ответить на последние два поста ?

[Litkevich Yuriy]

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

а если провести эксперимент -

Если элемент из плагина был положен на форму в утилите-дизайнере, то такое "общее" отключение стиля не работает для этого элемента

открыть в строенным в кратор дизайнером файл Qt Designer'а и сохранить, а потом скомпилировать?

[igor_bogomolov]

так я и не разобрался с ней. Выяснил только, что цвет меняется (с дефолтного чёрного на белый) при задании градиента фона - любого, к примеру
background-color:(spread: xq:0.0, y1:0.0, x2:0.0, y2:1.0, stop:0.5 #555555, stop:0.0 #aaaaaa)
(сам градиент кнопки отображается нормально)

Сам фокус - это PE_FrameFocusRect. За его отрисовку отвечает функция QStyle::drawPrimitive. Как этот фокус будет отрисован зависит от текущего стиля. Где то его вообще не будет.В Windows для его отрисовки используется инвертированный BackgroundColor

кусок исходников для понимания

    case PE_FrameFocusRect:
        if (const QStyleOptionFocusRect *fropt = qstyleoption_cast<const QStyleOptionFocusRect *>(opt)) {
            //### check for d->alt_down
            if (!(fropt->state & State_KeyboardFocusChange) && !proxy()->styleHint(SH_UnderlineShortcut, opt))
                return;
            QRect r = opt->rect;
            p->save();
            p->setBackgroundMode(Qt::TransparentMode);
            QColor bg_col = fropt->backgroundColor;
            if (!bg_col.isValid())
                bg_col = p->background().color();
            // Create an "XOR" color.
            QColor patternCol((bg_col.red() ^ 0xff) & 0xff,
                              (bg_col.green() ^ 0xff) & 0xff,
                              (bg_col.blue() ^ 0xff) & 0xff);
            p->setBrush(QBrush(patternCol, Qt::Dense4Pattern));
            p->setBrushOrigin(r.topLeft());
            p->setPen(Qt::NoPen);
            p->drawRect(r.left(), r.top(), r.width(), 1);    // Top
            p->drawRect(r.left(), r.bottom(), r.width(), 1); // Bottom
            p->drawRect(r.left(), r.top(), 1, r.height());   // Left
            p->drawRect(r.right(), r.top(), 1, r.height());  // Right
            p->restore();

Изменить цвет фокуса в Windows с помощью css можно используя свойство background-color (цвет фокуса будет инвертирован). Но это изменит не только цвет рамки фокуса. Дальше зависит от задачи и от предпочтений. Если нужно чтобы фокус не отображался, устанавливаем для виджета focusPolicy равным NoFocus. Либо наследуемся и отрисовываем кнопочку руками, игнорируя фокус (или задав нужный цвет). Еще вариант - создать собственный стиль.

[Алексей1153]

открыть в строенным в кратор дизайнером файл Qt Designer'а и сохранить, а потом скомпилировать?

неа, не проканало...

Изменить цвет фокуса в Windows с помощью css можно используя свойство background-color (цвет фокуса будет инвертирован). Но это изменит не только цвет рамки фокуса. Дальше зависит от задачи и от предпочтений. Если нужно чтобы фокус не отображался, устанавливаем для виджета focusPolicy равным NoFocus. Либо наследуемся и отрисовываем кнопочку руками, игнорируя фокус (или задав нужный цвет). Еще вариант - создать собственный стиль.

понятно. Будем творить ))

[Алексей1153]

пост #7 - победил. Дело было в том, что в конструкторе класса контрола задавался стиль X. Поэтому он не перекрывался стилем (тоже X, либо дефолтный), который задан диалогу в его, диалога, конструкторе. Вылечил так:

CMainWindow::CMainWindow(QWidget *parent) :QDialog(parent),ui(new Ui::CMainWindow)
{
    ui->setupUi(this);

    const QObjectList OL=children();
    for(int i=0; i<OL.size(); i++)
    {
        QWidget* w=reinterpret_cast<QWidget*>(OL[i]);
        if(w)w->setStyleSheet("");
    }
    
    SetStyle_X();

}

теперь стиль переключается разом

[Алексей1153]

блин, два дня пытаюсь постичь логику стилей, есть успехи (исли забыть про маты), но кое-что пока ещё далеко за границами понимания. Вот стиль скроллбара, которому придан вид спинконтрола. Никак не могу заставить появиться штатные треугольнички стрелок, а ещё - как им цвет потом задать ? Это в самом конце портянки. Прощу помощи!

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

QScrollBar:vertical
{
     border: 0 0 0 0;
     margin: 0 0 0 0;
     color:#7F5B00;
     background-color: qlineargradient(
            spread: reflect, x1:0.0, y1:0.0, x2:0.0, y2:1.0,
            stop:0.0 #FEFDFC,stop:0.5 #EAE5CD
        );
    max-width: 16px;
    min-width: 16px;
    max-height:23;
    min-height:23;
}

QScrollBar::handle:vertical
{
    background: none;
}

QScrollBar::add-page:vertical,
QScrollBar::sub-page:vertical
{
    background: none;
}

/*верхняя кнопка*/
QScrollBar::sub-line:vertical
{
    border-color: #ff0000;
    border-style: solid;
    border-width: 1; 
    border-bottom-width: 1; 

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

     subcontrol-origin: border;
    subcontrol-position: left top;
    bottom: +0;
    top: +0;
    width: 14px;
    height:10;
}


/*нижняя кнопка*/
QScrollBar::add-line:vertical
{
    border-color: #550000;
    border-style: solid;
    border-width: 1; 
    border-top-width: 1; 

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

    subcontrol-origin: border;
    subcontrol-position: left top;
    bottom: +11;
    top: +11;
    width: 14px;
    height:10;
}

/*реакция кнопок на мышепасс*/
QScrollBar::sub-line:vertical:hover,
QScrollBar::add-line:vertical:hover
{
     background-color: qlineargradient(
            spread: reflect, x1:0.0, y1:0.0, x2:0.0, y2:1.0,
            stop:0.0 #00ff00,stop:0.5 #00ff00
        );
}

/*реакция кнопок на мышекнопки*/
QScrollBar::sub-line:vertical:pressed,
QScrollBar::add-line:vertical:pressed
{
     background-color: qlineargradient(
            spread: reflect, x1:0.0, y1:0.0, x2:0.0, y2:1.0,
            stop:0.0 #ff0000,stop:0.5 #ff0000
        );
}

/*картинка стрелки вверх*/
QScrollBar::up-arrow:vertical
{
/*что тут надо ?*/
} 

/*картинка стрелки вниз*/
QScrollBar::down-arrow:vertical
{
/*что тут надо ?*/
}

Сообщение отредактировал Алексей1153 - 18.1.2011, 0:56

[igor_bogomolov]

Никак не могу заставить появиться штатные треугольнички стрелок, а ещё - как им цвет потом задать ?

Через qss никак. Тем более задать им цвет. Единственное что могу тут предложить, это попробовать разместить на их месте картинку используя image: url()
Да и к чему такие извращения. Просто для ознакомления, или реальная задача? Если реальная, я бы забил на qss и использовал QProxyStyle, либо написал свой виджет (от задачи зависит)

P.S. Вообще изменение стилей (т.е. использование qss) считаю дурным тоном.

[Алексей1153]

igor_bogomolov, реальная задача - имитация контролов X-программы . Да я хоть чего уже рад использовать после знакомства с этим qss ))) Отрисовать самому можно. Но хотелось бы сейчас понять через стили

QProxyStyle - щас гляну, спасибо

P.S. Вообще изменение стилей (т.е. использование qss) считаю дурным тоном.

гы, что-то мне это напоминает

[igor_bogomolov]

реальная задача - имитация контролов X-программы

Может тогда проще задачу обрисовать, какие "контролы" пытаешься получить?

гы, что-то мне это напоминает

что? не понял шутки?

[Алексей1153]

Может тогда проще задачу обрисовать, какие "контролы" пытаешься получить?

попозже

Сообщение отредактировал Алексей1153 - 18.1.2011, 9:55

[Litkevich Yuriy]

Отрисовать самому можно. Но хотелось бы сейчас понять через стили

картинку используя image: url()

Игорь и говорит о стилях

[Алексей1153]

уж и натрахалсо я со стилями ) Но победил. На самом деле не очень то и сложно всё (блин, кстати, забыл глянуть класс QProxyStyle), просто внимательнее надо с ними. Ну и логика не везде одинаковая - рыться в мануале по классу нужно.

[Litkevich Yuriy]

Но победил.

рассказывай, показывай.

[Алексей1153]

Litkevich Yuriy, обязательно покажу и расскажу, но позже, а то сглазить уже боюсь )) Цейтнот, но надеюсь до понедельника сдать заказ

[Алексей1153]

а каким образом добраться до настроек стиля диалога ? Вернее, не до всех, клиентсая часть меняется отлично. А граница и заголовок ? Кнопки на заголовке ?

Или просто рисовать в paintEvent?

[Litkevich Yuriy]

А граница и заголовок ? Кнопки на заголовке ?

никак, они рисуются ОСькой.

[Алексей1153]

то есть, вручную придётся. И даже, как понимаю, под каждую ОС по разному - через АПИ (на nonclient области) ?

[Алексей1153]

QCalendarWidget - для этого товарисча вообще стилей найти нигде не могу. А они бывают ?

Сообщение отредактировал Алексей1153 - 24.1.2011, 21:37

[igor_bogomolov]

QCalendarWidget - это состовной виджет. Из чего состоит смотри в исходниках. Там и QTableView, и QSpinBox, и QToolButton и т.д. К каждому из них можно применить их css стандартным способом

[Алексей1153]

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

[Алексей1153]

В общем, похоже, проще всего будет настроить его так, чтобы был виден только QCalendarView (название недель и числа) , а всё остальное прилепить своё. Ушёл красноглазить ))

[igor_bogomolov]

Алексей1153, чем ты вообще занимаешься? Как то это всё странно

[Алексей1153]

Приложение по захвату мира

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

[igor_bogomolov]

А скриншеты этого приложения есть? Ну или ссылку дай. Любопытно

[Алексей1153]

адынэска, платформа 8.2

в общем-то, поле редактирования(+календарь+калькулярор), текстовые надписи, кнопки и фон диалога уже реализованы (чуток допилить ещё). Скрины потом, не хочется сырым продуктом размахивать )) Исходники после сдачи заказа тоже могу желающим выдать. Заодно и критику послушаю (и не надо меня обвиняться, что я компоновщики из принципа не применяю - вот, например, я видел, что для калькулятора и календаря это нужно, но делал их при помощи редактора, а код потом перенёс в класс)