Оформление меню

[deaks]

Добрый день!

Появилось желание создать в программе меню табов как в креаторе:


Начал с обычного QTabWidget, по крайней мере там можно задать положение табов, в данном случае справа. Раскрасить сам таб с помощью CSS проблем нет. Но как можно сделать расположение иконки над текстом? ну и соответственно текст горизонтальным?

[Пантер]

А почему QTabWidget?

[alexman]

А в исходниках креатора не смотрел?

[BRE]

Такие вещи лучше делать из QListView/QListWidget.

[deaks]

Просто есть уже готовый и рабочий TabWidget - на вкладках которого размещены таблицы. по поводу ListWidget хорошая идея

[BRE]

Просто есть уже готовый и рабочий TabWidget - на вкладках которого размещены таблицы. по поводу ListWidget хорошая идея

На самом деле это можно делать и с QTabWidget. Написать своего наследника от QTabBar, в котором все рисовать как надо и установить его в QTabWidget.
Но, imho, все таки лучше использовать QList... + QStackedWidget.

[deaks]

QStackedWidget для отображения отдельных страниц как с табами?

[BRE]

QStackedWidget для отображения отдельных страниц как с табами?

Да. QTabWidget устроен также, только там QTabBar + QStackedWidget.

[deaks]

Спасибо! Параллельно попробую все-таки покопаться в исходниках креатора

[deaks]

скачал исходники и что-то не пойму где копать)))

[GreatSnake]

Можно и по-проще) Вот рабочий пример:

Код

C++ (Qt)
#include <QApplication>
#include <QStyle>
#include <QToolButton>
#include <QTabWidget>
#include <QTabBar>
 
class TabWidget : public QTabWidget
{
public:
	QTabBar* tabBar() { return QTabWidget::tabBar(); }
};
 
#define Count(arr)		((unsigned int) (sizeof(arr) / sizeof(arr[0])))
 
int main( int argc, char** argv )
{
	QApplication app( argc, argv );
	TabWidget tw;
	QWidget w;
 
	QStyle::StandardPixmap tab_icons[] = { 
		QStyle::SP_MediaSkipBackward,
		QStyle::SP_MediaPlay,
		QStyle::SP_MediaStop,
		QStyle::SP_MediaSkipForward
	};
	QString tab_names[] = {
		"Rewind",
		"Play",
		"Stop",
		"Fast Forward"
	};
 
	tw.setTabPosition( QTabWidget::West );
 
	for( int i = 0; i < Count( tab_icons ); i++ )
	{
		tw.addTab( new QWidget(), QString() );
 
		QToolButton* tb = new QToolButton;
		tb->setStyleSheet( "background-color: none; border: 0px;" );
		tb->setAttribute( Qt::WA_TransparentForMouseEvents );
		tb->setIcon( app.style()->standardIcon( tab_icons[i] ) );
		tb->setText( tab_names[i] );
		tb->setToolButtonStyle( Qt::ToolButtonTextUnderIcon );
 
		tw.tabBar()->setTabButton( i, QTabBar::LeftSide, tb );
	}
 
	tw.show();
 
	return app.exec();
}
 

[deaks]

GreatSnake!, это чертовски здорово)))большое спасибо

а поводу исходников креатора не подскажете?) все же интересно как у них

[GreatSnake]

GreatSnake!, это чертовски здорово)))большое спасибо

а поводу исходников креатора не подскажете?) все же интересно как у них

См. FancyTabWidget в src/plugins/coreplugin.

[deaks]

См. FancyTabWidget в src/plugins/coreplugin.

респект