×
Namespaces

Variants
Actions

Archived:How to make a stylesheet in Qt, Part 1

From Nokia Developer Wiki
Jump to: navigation, search

Archived.pngArchived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

Qt Quick should be used for all UI development on mobile devices. The approach described in this article (based on QWidget) is deprecated.

This code snippet demonstrates how to create a stylesheet for a specific QWidget. Note that it is also possible to apply a stylesheet to a whole QApplication.

Article Metadata
Tested with
Devices(s): Emulator
Compatibility
Platform(s): Qt
Symbian
Platform Security
Signing Required: Self-Signed
Capabilities: None
Article
Keywords: setStylesheet, stylesheet
Created: james1980 (06 Jan 2009)
Last edited: hamishwillee (11 Oct 2012)

Contents

Preconditions

  • Download and install the Qt SDK

Main Function

  • This is use to set the style of widget
win->setStyleSheet("* { color: #676767;border-style:dashed ; border-width: 4px; border-color: #00FFFF; padding: 7px}}");


Source File

#include <QApplication>
#include <QPushButton>
#include <QLabel>
#include <QWidget>
#include <QVBoxLayout>
#include<QLineEdit>
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QWidget *win = new QWidget;
QVBoxLayout *layout = new QVBoxLayout;
QPushButton *button = new QPushButton("Click");
QLabel *label = new QLabel("Hello");
QLineEdit *line=new QLineEdit();
win->setStyleSheet("* { color: #676767;border-style:dashed ; border-width: 4px;border-color: #00FFFF; padding: 7px}}");
button->setStyleSheet("* { background-color: rgb(255,125,100) }");
label->setStyleSheet("* { background-color: blue }");
line->setStyleSheet("*{background-color:yellow}");
layout->addWidget(label);
 
layout->addWidget(button);
layout->addWidget(line);
win->setLayout(layout);
win->showMaximized();
return app.exec();
}

ScreenShot

Style1.JPG

This page was last modified on 11 October 2012, at 04:14.
155 page views in the last 30 days.
×