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

minor improvements of the push button layout

Browse Source
This commit is contained in:
Uwe Rathmann 2022-06-18 11:32:48 +02:00
parent 112221f123
commit 061cdb0a07
3 changed files with 46 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/buttons/TestButton.qml
View File

@ -5,15 +5,15 @@ Qsk.PushButton
{
sizePolicy
{
// long texts, should not have an effect
// avoid the effect of long texts
horizontalPolicy: Qsk.SizePolicy.Ignored
verticalPolicy: Qsk.SizePolicy.Ignored
}
minimumSize
{
minimumSize
{
width: 80
height: 60
height: 60
}
shape

14
examples/buttons/buttons.qml
View File

@ -11,14 +11,14 @@ Qsk.Window
height: 600
color: "Beige"
Component.onCompleted:
{
// very much standard: we should find a better way
Component.onCompleted:
{
// very much standard: we should find a better way
var hint = sizeConstraint();
setMinimumWidth( hint.width )
setMinimumHeight( hint.height )
}
var hint = sizeConstraint();
setMinimumWidth( hint.width )
setMinimumHeight( hint.height )
}
Qsk.Shortcut
{

81
src/controls/QskPushButtonSkinlet.cpp
View File

@ -8,6 +8,7 @@
#include "QskGraphic.h"
#include "QskTextOptions.h"
#include "QskFunctions.h"
#include <qfontmetrics.h>
#include <qmath.h>
@ -87,22 +88,25 @@ QRectF QskPushButtonSkinlet::textRect(
using Q = QskPushButton;
auto r = button->subControlContentsRect( contentsRect, Q::Panel );
if ( r.isEmpty() || !button->hasGraphic() )
return r;
if ( button->hasGraphic() )
/*
For horizontal layouts Text depends on Graphic, while
for vertical Graphic depends on Text. Confusing ...
*/
if ( qskOrientation( button ) == Qt::Horizontal )
{
if ( qskOrientation( button ) == Qt::Horizontal )
{
const auto graphicsRect = subControlRect( button, contentsRect, Q::Graphic );
const auto spacing = button->spacingHint( Q::Panel );
const auto graphicsRect = subControlRect( button, contentsRect, Q::Graphic );
const auto spacing = button->spacingHint( Q::Panel );
r.setX( r.x() + graphicsRect.width() + spacing );
}
else
{
const qreal h = button->effectiveFontHeight( Q::Text );
if ( h < r.height() )
r.setTop( r.bottom() - h );
}
r.setX( r.x() + graphicsRect.width() + spacing );
}
else
{
const qreal h = button->effectiveFontHeight( Q::Text );
if ( h < r.height() )
r.setTop( r.bottom() - h );
}
return r;
@ -114,18 +118,20 @@ QRectF QskPushButtonSkinlet::graphicRect(
using Q = QskPushButton;
auto r = button->subControlContentsRect( contentsRect, Q::Panel );
if ( r.isEmpty() || button->text().isEmpty() )
return r;
const auto orientation = qskOrientation( button );
if ( !button->text().isEmpty() && orientation == Qt::Vertical )
if ( orientation == Qt::Vertical )
{
const auto textRect = subControlRect( button, contentsRect, Q::Text );
qreal h = textRect.height() + button->spacingHint( Q::Panel );
const auto h = textRect.height() + button->spacingHint( Q::Panel );
if ( h < r.height() )
r.setBottom( r.bottom() - h );
else
r.setHeight( 0 );
if ( h > r.height() )
return QRectF();
r.setBottom( r.bottom() - h );
}
const auto maxSize = button->graphicSourceSize();
@ -149,37 +155,20 @@ QRectF QskPushButtonSkinlet::graphicRect(
}
}
const auto sz = button->graphic().defaultSize();
r = r.marginsRemoved( button->paddingHint( Q::Graphic ) );
if ( !( r.isEmpty() || sz.isEmpty() ) )
if ( !r.isEmpty() )
{
// inner rectangle according to the aspect ratio
const double scaleFactor =
qMin( r.width() / sz.width(), r.height() / sz.height() );
const int w = qFloor( scaleFactor * sz.width() );
const int h = qFloor( scaleFactor * sz.height() );
int x, y;
if ( orientation == Qt::Horizontal )
auto sz = button->graphic().defaultSize();
if ( !sz.isEmpty() )
{
x = r.left();
y = r.top();
sz.scale( r.size(), Qt::KeepAspectRatio );
const auto align = ( orientation == Qt::Horizontal )
? ( Qt::AlignLeft | Qt::AlignTop ) : Qt::AlignCenter;
r = qskAlignedRectF( r, sz.width(), sz.height(), align );
}
else
{
// early aligning to avoid pointless operations, that finally will
// have no effect, when drawing to an integer based paint device
x = qFloor( r.center().x() - 0.5 * w );
y = qFloor( r.center().y() - 0.5 * h );
}
r = QRectF( x, y, w, h );
const auto padding = button->paddingHint( Q::Graphic );
r = r.marginsRemoved( padding );
}
return r;