qskinny/examples/iot-dashboard/MenuBar.cpp

100 lines
2.6 KiB
C++

#include "MenuBar.h"
#include <QskGraphic.h>
#include <QskGraphicLabel.h>
#include <QskGraphicIO.h>
#include <QskSkin.h>
#include <QskTextLabel.h>
#include <QtGui/QImage>
QSK_SUBCONTROL( MenuItem, Panel )
MenuItem::MenuItem( const QString& name, QQuickItem* parent ) : QskLinearBox( Qt::Horizontal, parent ),
m_name( name )
{
setAutoLayoutChildren( true );
setAutoAddChildren( true );
setFixedSize( {140, 40} );
setMargins( {0, 0, 0, 0} );
setPadding( {30, 0, 30, 0} );
setSpacing( 6 );
setAcceptHoverEvents( true );
setPanel( true );
QString fileName = ":/images/" + name.toLower() + ".png"; // width: 14
QImage image( fileName );
auto graphic = QskGraphic::fromImage( image );
auto* graphicLabel = new QskGraphicLabel( graphic, this );
graphicLabel->setSizePolicy( QskSizePolicy::Fixed, QskSizePolicy::Fixed );
graphicLabel->setFixedWidth( 14 );
graphicLabel->setAlignment( Qt::AlignCenter );
auto* textLabel = new QskTextLabel( name, this );
textLabel->setTextColor( Qt::white ); // ### style
textLabel->setFontRole( QskSkin::SmallFont ); // ### style
}
QskAspect::Subcontrol MenuItem::effectiveSubcontrol( QskAspect::Subcontrol subControl ) const
{
if( subControl == QskBox::Panel )
{
return MenuItem::Panel;
}
return subControl;
}
void MenuItem::setActive( bool active )
{
QColor color;
if( active )
{
color = Qt::white;
color.setAlphaF( 0.14 );
}
else
{
color = Qt::transparent;
}
setBackgroundColor( color );
}
MenuBar::MenuBar( QQuickItem* parent ) : QskLinearBox( Qt::Vertical, parent )
{
setSizePolicy( QskSizePolicy::Minimum, QskSizePolicy::Preferred );
setAutoLayoutChildren( true );
setAutoAddChildren( true );
setSpacing( 8 );
setMargins( {0, 35, 0, 12} );
setBackgroundColor( "#6D7BFB" ); // ### style
auto* mainIcon = ":/images/main-icon.png";
QImage image( mainIcon );
auto graphic = QskGraphic::fromImage( image );
auto* graphicLabel = new QskGraphicLabel( graphic, this );
graphicLabel->setAlignment( Qt::AlignTop );
graphicLabel->setMargins( { 50, 0, 50, 54 } );
graphicLabel->setSizePolicy( QskSizePolicy::Fixed, QskSizePolicy::Fixed );
m_entryStrings = { "Dashboard", "Rooms", "Devices", "Statistics", "Storage", "Members" };
for( const auto& entryString : m_entryStrings )
{
auto* entry = new MenuItem( entryString, this );
m_entries.append( entry );
}
m_entries.at( m_activeEntry )->setActive( true );
addSpacer( 0, 1 ); // fill the space at the bottom
new MenuItem( "Logout", this );
}