×
Namespaces

Variants
Actions
(Difference between revisions)

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

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
hamishwillee (Talk | contribs)
m (Text replace - "<code cpp>" to "<code cpp-qt>")
 
Line 36: Line 36:
 
== Source File ==
 
== Source File ==
  
<code cpp>
+
<code cpp-qt>
  
 
#include <QApplication>
 
#include <QApplication>

Latest revision as of 04:14, 11 October 2012

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

[edit] Preconditions

  • Download and install the Qt SDK

[edit] 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}}");


[edit] 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();
}

[edit] ScreenShot

Style1.JPG

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