168492376
/
qskinny
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add grid lines

This commit is contained in:
Peter Hartmann 2020-09-08 16:59:48 +02:00
parent cfc98db34f
commit 5cd2a693ea
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
examples/iot-dashboard/Diagram.cpp
View File

@ -1,6 +1,9 @@
#include "Diagram.h" #include "Diagram.h"
#include <QskBoxBorderColors.h>
#include <QskBoxBorderMetrics.h>
#include <QskBoxShapeMetrics.h> #include <QskBoxShapeMetrics.h>
#include <QskGridBox.h>
#include <QskSkin.h> #include <QskSkin.h>
#include <QskTextLabel.h> #include <QskTextLabel.h>
@ -107,22 +110,27 @@ static constexpr int segments = 7;
Diagram::Diagram( QQuickItem* parent ) Diagram::Diagram( QQuickItem* parent )
: QskLinearBox( Qt::Vertical, parent ) : QskLinearBox( Qt::Vertical, parent )
, m_weekdays( new QskLinearBox( Qt::Horizontal, this ) ) , m_weekdays( new QskGridBox( this ) )
, m_content( new DiagramContent( this ) ) , m_content( new DiagramContent( this ) )
{ {
setAutoAddChildren( false ); setAutoAddChildren( false );
setAutoLayoutChildren( true ); setAutoLayoutChildren( true );
m_weekdays->setDefaultAlignment( Qt::AlignCenter ); m_weekdays->setDefaultAlignment( Qt::AlignCenter );
m_weekdays->setSizePolicy( Qt::Vertical, QskSizePolicy::Fixed ); m_weekdays->setSpacing( 0 );
m_weekdays->setMargins( {0, 5, 0, 10} );
QStringList weekdays = {"Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"}; QStringList weekdays = {"Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"};
for( const QString weekday : weekdays ) for( int i = 0; i < segments; ++i )
{ {
auto* label = new QskTextLabel( weekday, m_weekdays ); auto* box = new QskBox( true, m_weekdays );
box->setBoxBorderColorsHint( QskBox::Panel, {"#f4f4f4"} );
box->setBoxBorderMetricsHint( QskBox::Panel, {0, 0, 3, 3} );
m_weekdays->addItem( box, 0, i );
auto* label = new QskTextLabel( weekdays.at( i ), m_weekdays );
label->setFontRole( QskSkin::TinyFont ); label->setFontRole( QskSkin::TinyFont );
label->setMargins( {0, 5, 0, 10} );
label->setAlignment( Qt::AlignCenter ); label->setAlignment( Qt::AlignCenter );
m_weekdays->addItem( label, 1, i );
} }
addItem( m_weekdays, Qt::AlignBottom ); addItem( m_weekdays, Qt::AlignBottom );
@ -130,6 +138,7 @@ Diagram::Diagram( QQuickItem* parent )
m_caption = new QskLinearBox( Qt::Horizontal, this ); m_caption = new QskLinearBox( Qt::Horizontal, this );
addItem( m_caption, Qt::AlignRight ); addItem( m_caption, Qt::AlignRight );
m_caption->setSizePolicy( QskSizePolicy::Maximum, QskSizePolicy::Maximum ); m_caption->setSizePolicy( QskSizePolicy::Maximum, QskSizePolicy::Maximum );
m_caption->setMargins( {10, 0, 10, 0} );
m_caption->setSpacing( 30 ); m_caption->setSpacing( 30 );
m_caption->addItem( new CaptionItem( "#6776ff", "Water", this ) ); m_caption->addItem( new CaptionItem( "#6776ff", "Water", this ) );
m_caption->addItem( new CaptionItem( "#ff3122", "Electricity", this ) ); m_caption->addItem( new CaptionItem( "#ff3122", "Electricity", this ) );
@ -140,8 +149,9 @@ Diagram::Diagram( QQuickItem* parent )
void Diagram::updateLayout() void Diagram::updateLayout()
{ {
auto* firstWeekday = static_cast<QskControl*>( m_weekdays->itemAt( 1, 0 ) );
qreal w = size().width(); qreal w = size().width();
qreal h = size().height() - ( m_caption->size().height() + m_weekdays->size().height() ); qreal h = size().height() - ( m_caption->size().height() + firstWeekday->size().height() );
m_content->setSize( { w, h } ); m_content->setSize( { w, h } );
m_content->setPosition( { 0, m_caption->size().height() } ); m_content->setPosition( { 0, m_caption->size().height() } );

3
examples/iot-dashboard/Diagram.h
View File

@ -6,6 +6,7 @@
#include <QQuickPaintedItem> #include <QQuickPaintedItem>
class DiagramContent; class DiagramContent;
class QskGridBox;
class Diagram : public QskLinearBox class Diagram : public QskLinearBox
{ {
@ -17,7 +18,7 @@ class Diagram : public QskLinearBox
private: private:
QskLinearBox* m_caption; QskLinearBox* m_caption;
QskLinearBox* m_weekdays; QskGridBox* m_weekdays;
DiagramContent* m_content; DiagramContent* m_content;
}; };