qskinny/examples/iot-dashboard/MainContent.cpp
Peter Hartmann c199a3bb59
Add IOT dashboard example (#116)
* Add IOT dashboard example

* Add images

* more content

* add pie chart

* Add skin factories etc.

* more work on the pie chart

* Try to use quick shapes

* Revert "Try to use quick shapes"

This reverts commit df6b5b22a339173d2a70ed85744b598811c26b30.

Doesn't work that easily unfortunately.

* implement design

* Add fonts; for now as a resource

We should use fontconfig of course later

* improve menu bar

* implement top bar

* use QNanoPainter for circular graphs

* Revert "use QNanoPainter for circular graphs"

This reverts commit ba0263cb1c19462cc41063ec7087c95e176c8293.

Try with QQuickPaintedItem instead for now.

* use painted items for circular bar graphs (for now)

* use different colors

* use some gradients

all of this is very hackish still

* add to top bar

* fix fonts and time display

* implement usage

* implement indoor temperature

* implement Humidity

* implement My Devices

* fix opacity issue with devices

* make icons quadratic

with some quick fixes as usual

* Add diagram

* try to smooth out curves

* Add diagram caption

* use tiny font

* make caption smaller

* add wekdays

* add grid lines

* fix my devices

* add light intensity

* add box around each section

* rename Card to Box

* Put indoor temperature inside a box

* put Humidity in a box

* put the rest in a box

* some small stuff

* add kirigami code

* something works somehow

* maybe we don't need our own class

still some work to do, but the main thing works

* add shadow from outside

... because the class is not a QskControl

* fine-tune the layout

* cross compilation: Make sure examples find libraries at link time

* fix compilation for embedded target

* add night time skin

* add new button class to better style it

* more hints for the night time skin

* change hints for dimmer

* change hints for progress bars

* Use animator for light dimmer

* use animator for progress bars

* Add Kirigami code

It was on oversight that this was forgotten earlier. We could of course
strip this down a lot to the part that we are actually using (i.e. the
shadowed rectangle).

* fix build with new QSkinny version

* fix paddings, something in the API changed

* fix stretch factors

* fix build with new version

* clang tidy fixes

* fix unused parameter warnings

should clean this up properly

* beautify example

* use astyle

* style menu bar properly

* fix warning

* more size hints

* refactor skins

* more skin hints

* graphic label skin hints

* menu item states instead of own API

* main grid box styling

* top bar styling

* fix build

* style round progress bars

* style time

* style indoor temperature and humidity

* simplify temperature and humidity

* style some more

* style My Devices section

* style My Devices some more

* fix styles when switching between them

* style diagram

* style more elements inside diagram

* more diagram style

* fix skin changes

* style light intensity

* Fix Humidity

* fix light intensity layout and other stuff

* style light intensity

* style button value label

* style round button

* style button boxes some more

* style menu bar top label

* style menu bar icons

* remove ShadowBox, it is not used

* style shadow boxes

* remove QskShadowedRectangle

We are not using it

* style usage spacer

* fine tune

* Refactor diagram before replacing it

* Add Diagram drawn with OpenGL

* use new Diagram class

* Support more than one data point in a diagram

* change data points and colors a bit

* position caption box

* adapt the spline to show nice curves

* remove boost::math dependency

We just hardcode the values here so we can get rid of the dependency.

* Remove kirigami code that we don't need

We only need the shadow

* move kirigami code

* rename header guards

* add license headers

* rename some classes
2021-04-26 06:22:35 +02:00

168 lines
5.6 KiB
C++

/****************************************************************************
**
** Copyright 2021 Edelhirsch Software GmbH. All rights reserved.
**
** Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions are
** met:
**
** * Redistributions of source code must retain the above copyright
** notice, this list of conditions and the following disclaimer.
** * Redistributions in binary form must reproduce the above copyright
** notice, this list of conditions and the following disclaimer in
** the documentation and/or other materials provided with the
** distribution.
** * Neither the name of the copyright holder nor the names of its
** contributors may be used to endorse or promote products derived
** from this software without specific prior written permission.
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
**
****************************************************************************/
#include "MainContent.h"
#include "Box.h"
#include "BoxWithButtons.h"
#include "UsageDiagram.h"
#include "LightIntensity.h"
#include "MyDevices.h"
#include "PieChart.h"
#include "TopBar.h"
#include "Usage.h"
#include <QskBoxBorderColors.h>
#include <QskBoxBorderMetrics.h>
#include <QskBoxShapeMetrics.h>
#include <QskGridBox.h>
#include <QskSetup.h>
#include <QskSkin.h>
#include <QskTextLabel.h>
#include "kirigami/shadowedrectangle.h"
#include <QTimer>
QSK_SUBCONTROL( ShadowPositioner, Panel )
QSK_SUBCONTROL( MainContent, Panel )
QSK_SUBCONTROL( MainContentGridBox, Panel )
ShadowPositioner::ShadowPositioner( QQuickItem* parent ) : QskControl( parent )
{
setAutoLayoutChildren( true );
}
void ShadowPositioner::setGridBox( QskGridBox* gridBox )
{
m_gridBox = gridBox;
m_rectangles.reserve( m_gridBox->elementCount() );
for( int i = 0; i < m_gridBox->elementCount(); ++i )
{
auto* r = new ShadowedRectangle( this );
r->setZ( 5 );
r->setColor( Qt::transparent );
r->shadow()->setColor( color( ShadowPositioner::Panel ) );
connect( qskSetup, &QskSetup::skinChanged, [this, r]()
{
r->shadow()->setColor( color( ShadowPositioner::Panel ) );
} );
r->shadow()->setSize( metric( ShadowPositioner::Panel | QskAspect::Size ) );
r->setOpacity( 0.1 );
auto shape = boxShapeHint( ShadowPositioner::Panel );
r->corners()->setTopLeft( shape.radius( Qt::TopLeftCorner ).width() );
r->corners()->setTopRight( shape.radius( Qt::TopRightCorner ).width() );
r->corners()->setBottomLeft( shape.radius( Qt::BottomLeftCorner ).width() );
r->corners()->setBottomRight( shape.radius( Qt::BottomRightCorner ).width() );
m_rectangles.append( r );
}
}
void ShadowPositioner::updateLayout()
{
auto* mainContent = static_cast<QskLinearBox*>( parentItem() );
QTimer::singleShot( 0, this, [this, mainContent]()
{
for( int i = 0; i < m_rectangles.count(); ++i )
{
auto* item = m_gridBox->itemAtIndex( i );
m_rectangles[i]->setSize( item->size() );
m_rectangles[i]->setPosition( mainContent->itemAtIndex( 1 )->position() + item->position() );
}
} );
}
MainContent::MainContent( QQuickItem* parent ) : QskLinearBox( Qt::Vertical, parent )
{
setAutoAddChildren( false );
setSizePolicy( QskSizePolicy::Expanding, QskSizePolicy::Expanding );
setDefaultAlignment( Qt::AlignTop );
setSpacing( 24 );
setPanel( true );
auto* topBar = new TopBar( this );
addItem( topBar );
auto* gridBox = new MainContentGridBox( this );
gridBox->setPanel( true );
gridBox->setSpacing( 15 );
addItem( gridBox );
auto* usage = new Usage( gridBox );
gridBox->addItem( usage, 0, 0, 2, 1 );
auto* indoorTemperature = new IndoorTemperature( gridBox );
gridBox->addItem( indoorTemperature, 0, 1 );
auto* humidity = new Humidity( gridBox );
gridBox->addItem( humidity, 1, 1 );
auto* myDevices = new MyDevices( gridBox );
gridBox->addItem( myDevices, 0, 2, 2, 1 );
auto* diagram = new UsageDiagram( gridBox );
gridBox->addItem( diagram, 2, 0, 0, 2 );
auto* lightIntensity = new LightIntensity( gridBox );
gridBox->addItem( lightIntensity, 2, 2 );
gridBox->setColumnStretchFactor( 0, 37 ); // factors add up to 100
gridBox->setColumnStretchFactor( 1, 37 );
gridBox->setColumnStretchFactor( 2, 26 );
m_shadowPositioner = new ShadowPositioner( this );
m_shadowPositioner->setGridBox( gridBox );
}
QskAspect::Subcontrol MainContent::effectiveSubcontrol( QskAspect::Subcontrol subControl ) const
{
if( subControl == QskBox::Panel )
{
return MainContent::Panel;
}
return subControl;
}
void MainContent::geometryChangeEvent( QskGeometryChangeEvent* event )
{
QskLinearBox::geometryChangeEvent( event );
m_shadowPositioner->polish();
}