diff options
Diffstat (limited to 'examples/PainterPaths.js')
| -rw-r--r-- | examples/PainterPaths.js | 332 |
1 files changed, 332 insertions, 0 deletions
diff --git a/examples/PainterPaths.js b/examples/PainterPaths.js new file mode 100644 index 0000000..f6fea19 --- /dev/null +++ b/examples/PainterPaths.js @@ -0,0 +1,332 @@ +/**************************************************************************** +** +** Copyright (C) 2008-2009 Nokia Corporation and/or its subsidiary(-ies). +** All rights reserved. +** Contact: Nokia Corporation (qt-info@nokia.com) +** +** This file is part of the Qt Script Generator project on Qt Labs. +** +** $QT_BEGIN_LICENSE:LGPL$ +** No Commercial Usage +** This file contains pre-release code and may not be distributed. +** You may use this file in accordance with the terms and conditions +** contained in the Technology Preview License Agreement accompanying +** this package. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 2.1 as published by the Free Software +** Foundation and appearing in the file LICENSE.LGPL included in the +** packaging of this file. Please review the following information to +** ensure the GNU Lesser General Public License version 2.1 requirements +** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. +** +** In addition, as a special exception, Nokia gives you certain additional +** rights. These rights are described in the Nokia Qt LGPL Exception +** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. +** +** If you have questions regarding the use of this file, please contact +** Nokia at qt-info@nokia.com. +** +** +** +** +** +** +** +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +function tr(s) { return s; } + + + +function RenderArea(path, parent) +{ + QWidget.call(this, parent); + + this.path = path; + this.penWidth = 1; + this.rotationAngle = 0; + this.setBackgroundRole(QPalette.Base); +} + +RenderArea.prototype = new QWidget(); + +RenderArea.prototype.getMinimumSizeHint = function() +{ + return new QSize(50, 50); +} + +RenderArea.prototype.getSizeHint = function() +{ + return new QSize(100, 100); +} + +RenderArea.prototype.setFillRule = function(rule) +{ + this.path.setFillRule(rule); + this.update(); +} + +RenderArea.prototype.setFillGradient = function(color1, color2) +{ + this.fillColor1 = color1; + this.fillColor2 = color2; + this.update(); +} + +RenderArea.prototype.setPenWidth = function(width) +{ + this.penWidth = width; + this.update(); +} + +RenderArea.prototype.setPenColor = function(color) +{ + this.penColor = color; + this.update(); +} + +RenderArea.prototype.setRotationAngle = function(degrees) +{ + this.rotationAngle = degrees; + this.update(); +} + +RenderArea.prototype.paintEvent = function() +{ + var painter = new QPainter(); + painter.begin(this); + painter.setRenderHint(QPainter.Antialiasing); + painter.scale(this.width / 100.0, this.height / 100.0); + painter.translate(50.0, 50.0); + painter.rotate(-this.rotationAngle); + painter.translate(-50.0, -50.0); + + painter.setPen(new QPen(this.penColor, this.penWidth, Qt.SolidLine, Qt.RoundCap, + Qt.RoundJoin)); + var gradient = new QLinearGradient(0, 0, 0, 100); + gradient.setColorAt(0.0, this.fillColor1); + gradient.setColorAt(1.0, this.fillColor2); + painter.setBrush(new QBrush(gradient)); + painter.drawPath(this.path); + painter.end(); +} + + + +function Window(parent) +{ + QWidget.call(this, parent); + + var rectPath = new QPainterPath(); + rectPath.moveTo(20.0, 30.0); + rectPath.lineTo(80.0, 30.0); + rectPath.lineTo(80.0, 70.0); + rectPath.lineTo(20.0, 70.0); + rectPath.closeSubpath(); + + var roundRectPath = new QPainterPath(); + roundRectPath.moveTo(80.0, 35.0); + roundRectPath.arcTo(70.0, 30.0, 10.0, 10.0, 0.0, 90.0); + roundRectPath.lineTo(25.0, 30.0); + roundRectPath.arcTo(20.0, 30.0, 10.0, 10.0, 90.0, 90.0); + roundRectPath.lineTo(20.0, 65.0); + roundRectPath.arcTo(20.0, 60.0, 10.0, 10.0, 180.0, 90.0); + roundRectPath.lineTo(75.0, 70.0); + roundRectPath.arcTo(70.0, 60.0, 10.0, 10.0, 270.0, 90.0); + roundRectPath.closeSubpath(); + + var ellipsePath = new QPainterPath(); + ellipsePath.moveTo(80.0, 50.0); + ellipsePath.arcTo(20.0, 30.0, 60.0, 40.0, 0.0, 360.0); + + var piePath = new QPainterPath(); + piePath.moveTo(50.0, 50.0); + piePath.arcTo(20.0, 30.0, 60.0, 40.0, 60.0, 240.0); + piePath.closeSubpath(); + + var polygonPath = new QPainterPath(); + polygonPath.moveTo(10.0, 80.0); + polygonPath.lineTo(20.0, 10.0); + polygonPath.lineTo(80.0, 30.0); + polygonPath.lineTo(90.0, 70.0); + polygonPath.closeSubpath(); + + var groupPath = new QPainterPath(); + groupPath.moveTo(60.0, 40.0); + groupPath.arcTo(20.0, 20.0, 40.0, 40.0, 0.0, 360.0); + groupPath.moveTo(40.0, 40.0); + groupPath.lineTo(40.0, 80.0); + groupPath.lineTo(80.0, 80.0); + groupPath.lineTo(80.0, 40.0); + groupPath.closeSubpath(); + + var textPath = new QPainterPath(); + var timesFont = new QFont("Times", 50); + timesFont.setStyleStrategy(QFont.ForceOutline); + textPath.addText(10, 70, timesFont, tr("Qt")); + + var bezierPath = new QPainterPath(); + bezierPath.moveTo(20, 30); + bezierPath.cubicTo(80, 0, 50, 50, 80, 80); + + var starPath = new QPainterPath(); + starPath.moveTo(90, 50); + for (var i = 1; i < 5; ++i) { + starPath.lineTo(50 + 40 * Math.cos(0.8 * i * Math.PI), + 50 + 40 * Math.sin(0.8 * i * Math.PI)); + } + starPath.closeSubpath(); + + this.renderAreas = new Array(Window.NumRenderAreas); + this.renderAreas[0] = new RenderArea(rectPath); + this.renderAreas[1] = new RenderArea(roundRectPath); + this.renderAreas[2] = new RenderArea(ellipsePath); + this.renderAreas[3] = new RenderArea(piePath); + this.renderAreas[4] = new RenderArea(polygonPath); + this.renderAreas[5] = new RenderArea(groupPath); + this.renderAreas[6] = new RenderArea(textPath); + this.renderAreas[7] = new RenderArea(bezierPath); + this.renderAreas[8] = new RenderArea(starPath); + + this.fillRuleComboBox = new QComboBox(); + this.fillRuleComboBox.addItem(tr("Odd Even"), Qt.OddEvenFill); + this.fillRuleComboBox.addItem(tr("Winding"), Qt.WindingFill); + + this.fillRuleLabel = new QLabel(tr("Fill &Rule:")); + this.fillRuleLabel.setBuddy(this.fillRuleComboBox); + + this.fillColor1ComboBox = new QComboBox(); + this.populateWithColors(this.fillColor1ComboBox); + this.fillColor1ComboBox.setCurrentIndex( + this.fillColor1ComboBox.findText("mediumslateblue")); + + this.fillColor2ComboBox = new QComboBox(); + this.populateWithColors(this.fillColor2ComboBox); + this.fillColor2ComboBox.setCurrentIndex( + this.fillColor2ComboBox.findText("cornsilk")); + + this.fillGradientLabel = new QLabel(tr("&Fill Gradient:")); + this.fillGradientLabel.setBuddy(this.fillColor1ComboBox); + + this.fillToLabel = new QLabel(tr("to")); + this.fillToLabel.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed); + + this.penWidthSpinBox = new QSpinBox(); + this.penWidthSpinBox.setRange(0, 20); + + this.penWidthLabel = new QLabel(tr("&Pen Width:")); + this.penWidthLabel.setBuddy(this.penWidthSpinBox); + + this.penColorComboBox = new QComboBox(); + this.populateWithColors(this.penColorComboBox); + this.penColorComboBox.setCurrentIndex( + this.penColorComboBox.findText("darkslateblue")); + + this.penColorLabel = new QLabel(tr("Pen &Color:")); + this.penColorLabel.setBuddy(this.penColorComboBox); + + this.rotationAngleSpinBox = new QSpinBox(); + this.rotationAngleSpinBox.setRange(0, 359); + this.rotationAngleSpinBox.wrapping = true; + this.rotationAngleSpinBox.suffix = "\xB0"; + + this.rotationAngleLabel = new QLabel(tr("&Rotation Angle:")); + this.rotationAngleLabel.setBuddy(this.rotationAngleSpinBox); + + this.fillRuleComboBox["activated(int)"].connect( + this, this.fillRuleChanged); + this.fillColor1ComboBox["activated(int)"].connect( + this, this.fillGradientChanged); + this.fillColor2ComboBox["activated(int)"].connect( + this, this.fillGradientChanged); + this.penColorComboBox["activated(int)"].connect( + this, this.penColorChanged); + + for (var i = 0; i < Window.NumRenderAreas; ++i) { + this.penWidthSpinBox["valueChanged(int)"].connect( + this.renderAreas[i], this.renderAreas[i].setPenWidth); + this.rotationAngleSpinBox["valueChanged(int)"].connect( + this.renderAreas[i], this.renderAreas[i].setRotationAngle); + } + + var topLayout = new QGridLayout(); + for (var i = 0; i < Window.NumRenderAreas; ++i) + topLayout.addWidget(this.renderAreas[i], i / 3, i % 3); + + var mainLayout = new QGridLayout(); + mainLayout.addLayout(topLayout, 0, 0, 1, 4); + mainLayout.addWidget(this.fillRuleLabel, 1, 0); + mainLayout.addWidget(this.fillRuleComboBox, 1, 1, 1, 3); + mainLayout.addWidget(this.fillGradientLabel, 2, 0); + mainLayout.addWidget(this.fillColor1ComboBox, 2, 1); + mainLayout.addWidget(this.fillToLabel, 2, 2); + mainLayout.addWidget(this.fillColor2ComboBox, 2, 3); + mainLayout.addWidget(this.penWidthLabel, 3, 0); + mainLayout.addWidget(this.penWidthSpinBox, 3, 1, 1, 3); + mainLayout.addWidget(this.penColorLabel, 4, 0); + mainLayout.addWidget(this.penColorComboBox, 4, 1, 1, 3); + mainLayout.addWidget(this.rotationAngleLabel, 5, 0); + mainLayout.addWidget(this.rotationAngleSpinBox, 5, 1, 1, 3); + this.setLayout(mainLayout); + + this.fillRuleChanged(); + this.fillGradientChanged(); + this.penColorChanged(); + this.penWidthSpinBox.value = 2; + + this.windowTitle = tr("Painter Paths"); +} + +Window.NumRenderAreas = 9; + +Window.prototype = new QWidget(); + +Window.prototype.fillRuleChanged = function() +{ + var rule = Qt.FillRule(this.currentItemData(this.fillRuleComboBox)); + + for (var i = 0; i < Window.NumRenderAreas; ++i) + this.renderAreas[i].setFillRule(rule); +} + +Window.prototype.fillGradientChanged = function() +{ + var color1 = this.currentItemData(this.fillColor1ComboBox); + var color2 = this.currentItemData(this.fillColor2ComboBox); + + for (var i = 0; i < Window.NumRenderAreas; ++i) + this.renderAreas[i].setFillGradient(color1, color2); +} + +Window.prototype.penColorChanged = function() +{ + var color = this.currentItemData(this.penColorComboBox); + + for (var i = 0; i < Window.NumRenderAreas; ++i) + this.renderAreas[i].setPenColor(color); +} + +Window.prototype.populateWithColors = function(comboBox) +{ + var colorNames = QColor.colorNames(); + for (var i = 0; i < colorNames.length; ++i) { + var name = colorNames[i]; + comboBox.addItem(name, new QColor(name)); + } +} + +Window.prototype.currentItemData = function(comboBox) +{ + return comboBox.itemData(comboBox.currentIndex); +} + + + +var win = new Window(); +win.show(); +QCoreApplication.exec(); |