нестандартный QListView, QListView Опции

[zaytsewa]

Всем привет!
Требуется реализовать QListView с кнопками вверх и и вниз вместо полосы прокрутки.
Виджет будет использоваться в QComboBox, поэтому ему необходимо быть отнаследованным от QAbstractItemView
void QComboBox::setView ( QAbstractItemView * itemView )

Мои варианты:
1)отступы в QListView а на них кнопки, в этом варианте прокрутка всё-равно почему-то начинается из-под кнопок

2)возможно следует как-то переопределить QScrollBar ( только пока не представляю как) возможно при помощи qss

3) писать виджет с нуля

Что посоветуете?

Заранее спасибо

Сообщение отредактировал zaytsewa - 24.8.2011, 8:24

[ilyabvt]

Ну можно сделать свой виджет, только не обязательно с нуля.
Кнопка играющая роль QComboBox при нажатие на которую появляется QListView а рядом с ним (или на нем) QScrollBar со стилем:

QScrollBar:vertical {
width: 100000px;
/*background можно любой ставить главное не дефолтный, с дефолтным не пашет*/
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));
}

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

   scroll->setMaximum(list->verticalScrollBar()->maximum());
   list->verticalScrollBar()->setValue(scroll->value());

Я сделал на примере QListWidget в принципе нормально работает, хотя само решение несколько кривоватое.

[zaytsewa]

мне нужно background картинку ( отдельно для верхней стрелочки, отдельно для нижней )
вроде бы только через paintEvent можно

[ilyabvt]

http://doc.qt.nokia.com/latest/stylesheet-...zing-qscrollbar
http://doc.qt.nokia.com/latest/stylesheet-...of-sub-controls
::down-arrow и ::up-arrow это и есть

отдельно для верхней стрелочки, отдельно для нижней

через paintEvent само собой тоже можно

[zaytsewa]

вот qss для QListView

QScrollBar:vertical {
width: 300px;
background-image: url(:/ListView/Resources/up.png);
background-repeat: no-repeat;
}

QScrollBar::down-arrow
{
background-image: url(:/ListView/Resources/down.png);
background-repeat: no-repeat;
background-position: top left;
height: 20px;
}

QScrollBar::up-arrow
{
background-image: url(:/ListView/Resources/up.png);
background-repeat: no-repeat;
width: 100%;
height: 20px;
}

вот что получилось

[ilyabvt]

width: 300px;

Зачем так много? Вот он у вас и растянулся на весь виджет. Тут есть такой момент что один и тот же qss примененный в одинокому виджету и к виджету в составе другого может вести себя по разному. В QScrollBar::up-arrow и QScrollBar::down-arrow лучше тоже прописать ширину.
вот пример склейки вашего кода и примера из документации (может поможет):

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

QScrollBar:vertical {
      background: rgb(170, 170, 127);
     width: 20px;
      margin: 22px 0 22px 0;
    background-repeat: no-repeat;
}
QScrollBar::add-line:vertical {
     background: white;
      height: 25px;
width: 20px;
      subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical {
      background: white;
      height: 25px;
width: 20px;
      subcontrol-origin: margin;
}
QScrollBar::down-arrow:vertical {
       background-image: url(:/Иконки/Images/мозг2.png);
background-repeat: no-repeat;
width: 20px;
}
QScrollBar::up-arrow:vertical {
    background-image: url(:/Иконки/Images/apple2.ico);
background-repeat: no-repeat;
width: 20px;
}

[zaytsewa]

а мне и нужно чтобы растянулся на весь виджет - я иначе не придумала как сделать позиционирование по центру
position: absolute
не работает(
а ширина в процентах в qss работает или нет?

[ilyabvt]

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

как сделать позиционирование по центру

А "background-position: center;" не работает?

а ширина в процентах в qss работает или нет?

Нет, насколько я знаю. Но ее можно реализовать искусственно: задавайте значение ширины через переменную, а эту переменную вычисляйте исходя из ширина виджета (ну или чего вам там нужно было).

[zaytsewa]

А "background-position: center;" не работает?

не работает

нужно получить примерно следуюшее:

Эскизы прикрепленных изображений

 

[ilyabvt]

Через qss такого сделать нельзя, даже если сделать полосу прокрутки прозрачной, то просвечивать будет не QListView, а виджет находящийся под ним.
Нужно писать свой виджет.

myWidget.h

class myWidget: public QWidget {
    Q_OBJECT
public:
    myWidget();
    myWidget(QWidget *parent);
    virtual ~myWidget();
    void resizeEvent(QResizeEvent *e);
    QPushButton *upButton;
    QPushButton *downButton;
    QListWidget *list;
public slots:
    void MoveUp();
    void MoveDown();
};

myWidget.cpp

myWidget::myWidget() {
   list = new QListWidget(this);
   upButton = new QPushButton(this);
   downButton = new QPushButton(this);
   connect(upButton, SIGNAL(clicked()), this, SLOT(MoveUp()));
   connect(downButton, SIGNAL(clicked()), this, SLOT(MoveDown()));
   list->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
}
myWidget::myWidget(QWidget *parent) {
   this->setParent(parent);
   list = new QListWidget(this);
   upButton = new QPushButton(this);
   downButton = new QPushButton(this);
   connect(upButton, SIGNAL(clicked()), this, SLOT(MoveUp()));
   connect(downButton, SIGNAL(clicked()), this, SLOT(MoveDown()));
   list->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
}
void myWidget::MoveUp() {
   list->verticalScrollBar()->setValue(list->verticalScrollBar()->value()-1);
}
void myWidget::MoveDown() {
   list->verticalScrollBar()->setValue(list->verticalScrollBar()->value()+1);
}
void myWidget::resizeEvent(QResizeEvent *e) {
   upButton->setGeometry(0, 0,  e->size().width(),  e->size().height()*0.15);
   downButton->setGeometry(0,  e->size().height()*0.85,  e->size().width(),  e->size().height()*0.15);
   list->setGeometry(e->size().width()*0.1,  e->size().height()*0.15,  e->size().width()*0.8,  e->size().height()*0.7);
}
myWidget::~myWidget() {
}

Стрелочки на кнопках можно рисовать уже через qss, ну или любым другим удобным для вас способом.

P.S. По хорошему, вот это:

QPushButton *upButton;
QPushButton *downButton;
QListWidget *list;

должно находиться в секции private.