2022-09-26 17:51:28 +02:00
|
|
|
/******************************************************************************
|
|
|
|
* QSkinny - Copyright (C) 2016 Uwe Rathmann
|
|
|
|
* This file may be used under the terms of the 3-clause BSD License
|
|
|
|
*****************************************************************************/
|
|
|
|
|
|
|
|
#include "ShapeItem.h"
|
|
|
|
|
|
|
|
#include <QskObjectCounter.h>
|
|
|
|
#include <QskWindow.h>
|
2022-09-29 16:50:46 +02:00
|
|
|
#include <QskRgbValue.h>
|
2022-10-07 14:36:14 +02:00
|
|
|
#include <QskLinearBox.h>
|
2022-10-13 19:39:57 +02:00
|
|
|
#include <QskTabView.h>
|
2022-10-31 14:42:08 +01:00
|
|
|
#include <QskLinearGradient.h>
|
|
|
|
#include <QskRadialGradient.h>
|
|
|
|
#include <QskConicGradient.h>
|
2022-09-26 17:51:28 +02:00
|
|
|
|
|
|
|
#include <SkinnyShortcut.h>
|
|
|
|
#include <SkinnyShapeFactory.h>
|
|
|
|
#include <QGuiApplication>
|
2022-10-13 19:39:57 +02:00
|
|
|
#include <QBrush>
|
2022-09-26 17:51:28 +02:00
|
|
|
|
|
|
|
namespace
|
|
|
|
{
|
2022-10-13 19:39:57 +02:00
|
|
|
class Page : public QskLinearBox
|
2022-09-29 16:50:46 +02:00
|
|
|
{
|
|
|
|
public:
|
2022-10-13 19:39:57 +02:00
|
|
|
Page( QQuickItem* parent = nullptr )
|
|
|
|
: QskLinearBox( Qt::Horizontal, 2, parent )
|
2022-09-29 16:50:46 +02:00
|
|
|
{
|
2022-10-13 19:39:57 +02:00
|
|
|
}
|
2022-09-29 16:50:46 +02:00
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
protected:
|
|
|
|
static QPen pen( const QColor& color )
|
|
|
|
{
|
|
|
|
QPen p( color );
|
|
|
|
#if 0
|
|
|
|
p.setCosmetic( true );
|
|
|
|
#endif
|
2022-09-29 16:50:46 +02:00
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
p.setWidth( p.isCosmetic() ? 8 : 2 );
|
|
|
|
p.setJoinStyle( Qt::MiterJoin );
|
2022-09-29 16:50:46 +02:00
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
#if 0
|
|
|
|
p.setStyle( Qt::DashLine );
|
|
|
|
p.setColor( QskRgb::toTransparent( color(), alpha ) );
|
|
|
|
#endif
|
|
|
|
return p;
|
2022-09-29 16:50:46 +02:00
|
|
|
}
|
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
static QPainterPath path( SkinnyShapeFactory::Shape shape )
|
2022-09-29 16:50:46 +02:00
|
|
|
{
|
2022-10-13 19:39:57 +02:00
|
|
|
return SkinnyShapeFactory::shapePath( shape, QSizeF( 50, 50 ) );
|
2022-09-29 16:50:46 +02:00
|
|
|
}
|
|
|
|
};
|
2022-10-07 14:36:14 +02:00
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
class LinearGradientPage : public Page
|
2022-10-07 14:36:14 +02:00
|
|
|
{
|
|
|
|
public:
|
2022-10-13 19:39:57 +02:00
|
|
|
LinearGradientPage( QQuickItem* parent = nullptr )
|
|
|
|
: Page( parent )
|
2022-10-07 14:36:14 +02:00
|
|
|
{
|
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Hexagon ) );
|
2022-10-13 19:39:57 +02:00
|
|
|
shapeItem->setPen( pen( QColorConstants::Svg::indigo ) );
|
2022-10-07 14:36:14 +02:00
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskLinearGradient gradient( 0.0, 0.0, 0.2, 0.5, QGradient::PhoenixStart );
|
2022-10-07 14:36:14 +02:00
|
|
|
gradient.setSpread( QGradient::ReflectSpread );
|
2022-10-31 14:42:08 +01:00
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
|
|
|
|
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Star ) );
|
|
|
|
|
|
|
|
const QVector< QskGradientStop > stops =
|
|
|
|
{ { 0.5, QskRgb::RoyalBlue }, { 0.5, QskRgb::LemonChiffon } };
|
|
|
|
|
|
|
|
QskLinearGradient gradient( 0.0, 0.0, 0.05, 0.1, stops );
|
|
|
|
gradient.setSpread( QGradient::RepeatSpread );
|
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Rectangle ) );
|
|
|
|
|
|
|
|
const QVector< QskGradientStop > stops =
|
|
|
|
{ { 0.5, QskRgb::MediumVioletRed }, { 0.5, QskRgb::Navy } };
|
|
|
|
|
|
|
|
QskLinearGradient gradient( 0.5, 0.0, 0.5, 0.5, stops );
|
2022-10-07 14:36:14 +02:00
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
2022-10-13 19:39:57 +02:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
class RadialGradientPage : public Page
|
|
|
|
{
|
|
|
|
public:
|
|
|
|
RadialGradientPage( QQuickItem* parent = nullptr )
|
|
|
|
: Page( parent )
|
|
|
|
{
|
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Rectangle ) );
|
|
|
|
shapeItem->setPen( pen( QColorConstants::Svg::indigo ) );
|
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskRadialGradient gradient;
|
|
|
|
gradient.setStops( QskRgb::LightYellow, QskRgb::MidnightBlue );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setSpread( QGradient::PadSpread );
|
2022-10-07 14:36:14 +02:00
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
2022-10-07 14:36:14 +02:00
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Ellipse ) );
|
|
|
|
|
|
|
|
|
|
|
|
QVector< QskGradientStop > stops;
|
|
|
|
|
|
|
|
stops += QskGradientStop( 0.0, Qt::green );
|
|
|
|
stops += QskGradientStop( 0.2, Qt::green );
|
2022-10-31 14:42:08 +01:00
|
|
|
stops += QskGradientStop( 0.2, Qt::red );
|
2022-10-07 14:36:14 +02:00
|
|
|
stops += QskGradientStop( 0.4, Qt::red );
|
2022-10-31 14:42:08 +01:00
|
|
|
stops += QskGradientStop( 0.4, Qt::yellow );
|
2022-10-07 14:36:14 +02:00
|
|
|
stops += QskGradientStop( 0.6, Qt::yellow );
|
2022-10-31 14:42:08 +01:00
|
|
|
stops += QskGradientStop( 0.6, Qt::cyan );
|
2022-10-07 14:36:14 +02:00
|
|
|
stops += QskGradientStop( 0.8, Qt::cyan );
|
2022-10-31 14:42:08 +01:00
|
|
|
stops += QskGradientStop( 0.8, Qt::darkCyan );
|
2022-10-07 14:36:14 +02:00
|
|
|
stops += QskGradientStop( 1.0, Qt::darkCyan );
|
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskRadialGradient gradient( stops );
|
|
|
|
gradient.setSpread( QGradient::PadSpread );
|
2022-10-07 14:36:14 +02:00
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
2022-10-13 19:39:57 +02:00
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Rectangle ) );
|
2022-10-31 14:42:08 +01:00
|
|
|
shapeItem->setPen( pen( QskRgb::Indigo ) );
|
2022-10-07 14:36:14 +02:00
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskRadialGradient gradient( 0.5, 0.7, 0.25, QGradient::LilyMeadow );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setSpread( QGradient::RepeatSpread );
|
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
2022-10-07 14:36:14 +02:00
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Rectangle ) );
|
2022-10-31 14:42:08 +01:00
|
|
|
shapeItem->setPen( pen( QskRgb::Indigo ) );
|
2022-10-13 19:39:57 +02:00
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskRadialGradient gradient( 0.6, 0.4, 0.1, Qt::red, Qt::blue );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setSpread( QGradient::ReflectSpread );
|
2022-10-07 14:36:14 +02:00
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
2022-10-13 19:39:57 +02:00
|
|
|
}
|
|
|
|
};
|
2022-10-07 14:40:10 +02:00
|
|
|
|
2022-10-13 19:39:57 +02:00
|
|
|
class ConicGradientPage : public Page
|
|
|
|
{
|
|
|
|
public:
|
|
|
|
ConicGradientPage( QQuickItem* parent = nullptr )
|
|
|
|
: Page( parent )
|
|
|
|
{
|
2022-10-07 14:40:10 +02:00
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Ellipse ) );
|
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskConicGradient gradient( 0.5, 0.5, 30.0, 60.0 );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setSpread( QGradient::ReflectSpread );
|
|
|
|
gradient.setStops( QGradient::JuicyPeach );
|
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::TriangleUp ) );
|
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskConicGradient gradient( 0.5, 0.5, 30.0, 60.0 );
|
2022-10-07 14:40:10 +02:00
|
|
|
gradient.setSpread( QGradient::RepeatSpread );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setStops( QGradient::WinterNeva );
|
2022-10-07 14:40:10 +02:00
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
2022-10-13 19:39:57 +02:00
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Arc ) );
|
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskConicGradient gradient( 0.5, 0.5, 300.0, -240.0 );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setStops( QGradient::SpikyNaga );
|
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
|
|
|
{
|
|
|
|
auto shapeItem = new ShapeItem( this );
|
|
|
|
|
|
|
|
shapeItem->setPath( path( SkinnyShapeFactory::Diamond ) );
|
|
|
|
|
2022-10-31 14:42:08 +01:00
|
|
|
QskConicGradient gradient( 0.5, 0.5, 45.0, 180.0 );
|
2022-10-13 19:39:57 +02:00
|
|
|
gradient.setStops( QGradient::FabledSunset );
|
|
|
|
gradient.setSpread( QGradient::ReflectSpread );
|
|
|
|
|
|
|
|
shapeItem->setGradient( gradient );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
class TabView : public QskTabView
|
|
|
|
{
|
|
|
|
public:
|
|
|
|
TabView( QQuickItem* parentItem = nullptr )
|
|
|
|
: QskTabView( parentItem )
|
|
|
|
{
|
|
|
|
setMargins( 10 );
|
|
|
|
setAutoFitTabs( true );
|
|
|
|
setTabBarEdge( Qt::TopEdge );
|
|
|
|
|
|
|
|
addTab( "Radial Gradients", new RadialGradientPage() );
|
|
|
|
addTab( "Conic Gradients", new ConicGradientPage() );
|
|
|
|
addTab( "Linear Gradients", new LinearGradientPage() );
|
2022-10-07 14:36:14 +02:00
|
|
|
}
|
|
|
|
};
|
2022-09-26 17:51:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
int main( int argc, char* argv[] )
|
|
|
|
{
|
|
|
|
#ifdef ITEM_STATISTICS
|
|
|
|
QskObjectCounter counter( true );
|
|
|
|
#endif
|
|
|
|
|
|
|
|
QGuiApplication app( argc, argv );
|
|
|
|
|
|
|
|
SkinnyShortcut::enable( SkinnyShortcut::AllShortcuts );
|
|
|
|
|
|
|
|
QskWindow window;
|
2022-09-27 15:06:44 +02:00
|
|
|
window.setColor( Qt::gray );
|
2022-10-13 19:39:57 +02:00
|
|
|
window.addItem( new TabView() );
|
2022-10-07 14:36:14 +02:00
|
|
|
window.resize( 800, 600 );
|
2022-09-26 17:51:28 +02:00
|
|
|
window.show();
|
|
|
|
|
|
|
|
return app.exec();
|
|
|
|
}
|