editable gradient vector

This commit is contained in:
Uwe Rathmann 2022-12-30 10:27:36 +01:00
parent b449289509
commit 25558dd50d

View File

@ -6,33 +6,136 @@
#include "GradientView.h"
#include <SkinnyNamespace.h>
#include <SkinnyShortcut.h>
#include <QskGradient.h>
#include <QskGradientDirection.h>
#include <QskLinearBox.h>
#include <QskTextInput.h>
#include <QskTextLabel.h>
#include <QskWindow.h>
#include <QskRgbValue.h>
#include <QskSetup.h>
#include <QDoubleValidator>
#include <QFontMetricsF>
#include <QGuiApplication>
namespace
{
class MainView : public QskLinearBox
class NumberInput : public QskLinearBox
{
Q_OBJECT
public:
MainView( QQuickItem* parent = nullptr )
NumberInput( const QString& label, qreal value, QQuickItem* parent = nullptr )
: QskLinearBox( Qt::Horizontal, parent )
{
new QskTextLabel( label, this );
m_input = new QskTextInput( this );
m_input->setValidator( new QDoubleValidator( -9.99, 9.99, 2, m_input ) );
m_input->setText( QString::number( value ) );
const QFontMetricsF fm( m_input->font() );
m_input->setFixedWidth( fm.horizontalAdvance( "-0.000" ) );
connect( m_input, &QskTextInput::editingChanged,
this, [ this ]( bool on ) { if ( !on ) Q_EMIT valueChanged(); } );
setSizePolicy( QskSizePolicy::Fixed, QskSizePolicy::Fixed );
}
qreal value() const
{
return m_input->text().toDouble();
}
Q_SIGNALS:
void valueChanged();
private:
QskTextInput* m_input;
};
class VectorBox : public QskLinearBox
{
Q_OBJECT
public:
VectorBox( QQuickItem* parent = nullptr )
: QskLinearBox( Qt::Horizontal, parent )
{
setSizePolicy( Qt::Vertical, QskSizePolicy::Fixed );
setExtraSpacingAt( Qt::BottomEdge | Qt::RightEdge );
setSpacing( 10 );
m_inputs[0] = new NumberInput( "X1", 0, this );
m_inputs[1] = new NumberInput( "Y1", 0, this );
m_inputs[2] = new NumberInput( "X2", 0, this );
m_inputs[3] = new NumberInput( "Y2", 1, this );
for ( auto input : m_inputs )
{
connect( input, &NumberInput::valueChanged,
this, [this] { Q_EMIT vectorChanged( vector() ); } );
}
}
QLineF vector() const
{
const auto x1 = m_inputs[0]->value();
const auto y1 = m_inputs[1]->value();
const auto x2 = m_inputs[2]->value();
const auto y2 = m_inputs[3]->value();
return QLineF( x1, y1, x2, y2 );
}
Q_SIGNALS:
void vectorChanged( const QLineF& );
private:
NumberInput* m_inputs[4];
};
class GradientBox : public QskLinearBox
{
Q_OBJECT
public:
GradientBox( QQuickItem* parent = nullptr )
: QskLinearBox( Qt::Horizontal, 2, parent )
{
setSpacing( 10 );
for ( int i = 0; i < GradientView::NumNodeTypes; i++ )
{
const auto nodeType = static_cast< GradientView::NodeType >( i );
m_views[i] = new GradientView( nodeType, this );
}
showColors( { Qt::green, Qt::red, Qt::yellow, Qt::cyan, Qt::darkCyan } );
setVector( QLineF( 0.0, 0.0, 0.0, 1.0 ) );
setColors( { Qt::green, Qt::red, Qt::yellow, Qt::cyan, Qt::darkCyan } );
}
void showColors( const QVector< QColor >& colors )
public Q_SLOTS:
void setVector( const QLineF& vector )
{
m_gradient.setLinearDirection( vector );
updateViews();
}
void setStops( const QskGradientStops& stops )
{
m_gradient.setStops( stops );
updateViews();
}
private:
void setColors( const QVector< QColor >& colors )
{
const auto step = 1.0 / colors.size();
@ -44,57 +147,57 @@ namespace
stops += { ( i + 1 ) * step, colors[i] };
}
QskGradient gradient;
#if 0
gradient.setLinearDirection( 0.0, 1.0, 1.0, 0.0 );
#endif
#if 0
gradient.setLinearDirection( 1.0, 1.0, 0.0, 0.0 );
#endif
#if 1
gradient.setLinearDirection( 0.2, 0.2, 0.7, 0.5 );
#endif
#if 0
gradient.setLinearDirection( -0.2, -0.1, 1.2, 1.3 );
#endif
#if 0
gradient.setLinearDirection( 0.5, -0.5, 0.5, 1.5 );
#endif
#if 0
gradient.setRadialDirection( 0.25, 0.75, 0.25, 0.0 );
gradient.setSpreadMode( QskGradient::ReflectSpread );
#endif
#if 0
gradient.setConicDirection( 0.25, 0.75, 0, 90 );
gradient.setSpreadMode( QskGradient::ReflectSpread );
#endif
gradient.setStops( stops );
showGradient( gradient );
setStops( stops );
}
public Q_SLOTS:
void showGradient( const QskGradient& gradient )
void updateViews()
{
for ( auto view : m_views )
{
if ( view )
view->setGradient( gradient );
view->setGradient( m_gradient );
}
}
private:
QLineF m_vector = { 0.0, 0.0, 0.0, 1.0 };
QskGradientStops m_stops = { { 0.0, Qt::red }, { 1.0, Qt::blue } };
QskGradient m_gradient;
GradientView* m_views[ GradientView::NumNodeTypes ];
};
class MainView : public QskLinearBox
{
public:
MainView( QQuickItem* parent = nullptr )
: QskLinearBox( Qt::Vertical, parent )
{
auto vectorBox = new VectorBox( this );
vectorBox->setMargins( 10, 10, 10, 0 );
auto gradientBox = new GradientBox( this );
gradientBox->setMargins( 10 );
gradientBox->setVector( vectorBox->vector() );
connect( vectorBox, &VectorBox::vectorChanged,
gradientBox, &GradientBox::setVector );
}
};
}
int main( int argc, char** argv )
{
qputenv( "QT_IM_MODULE", QByteArray() ); // no virtual keyboard
QGuiApplication app( argc, argv );
Skinny::init(); // we need a skin
SkinnyShortcut::enable( SkinnyShortcut::Quit | SkinnyShortcut::DebugBackground );
qskSetup->setSkin( "squiek" );
QskWindow window;
window.setColor( QskRgb::Wheat );
window.addItem( new MainView() );
window.resize( 800, 600 );
window.show();