src/controls/PadLayout.qml

0001 import QtQuick 2.15
0002 import QtQuick.Controls 2.15
0003 import QtQuick.Layouts 1.12
0004 import org.mauikit.controls 1.3 as Maui
0005 import QtQuick.Templates 2.15 as T
0006
0007 T.Control
0008 {
0009     id: control
0010     implicitHeight: implicitContentHeight + topPadding + bottomPadding
0011     implicitWidth: implicitContentWidth + leftPadding + rightPadding
0012
0013     spacing: Maui.Style.space.medium
0014     padding: Maui.Style.space.big
0015
0016     contentItem: GridLayout
0017     {
0018         id: _layout
0019         rowSpacing: control.spacing
0020         columnSpacing: control.spacing
0021         columns: 4
0022         rows: 6
0023
0024         CalcButton { text: "C"; color: Maui.Theme.neutralBackgroundColor}
0025         CalcButton { text: "("; color: Maui.Theme.alternateBackgroundColor}
0026         CalcButton { text: ")"; color: Maui.Theme.alternateBackgroundColor}
0027         CalcButton { text: "X"; color: Maui.Theme.positiveBackgroundColor}
0028
0029
0030         CalcButton { text: "√"; color: Maui.Theme.alternateBackgroundColor}
0031         CalcButton { text: "%"; color: Maui.Theme.alternateBackgroundColor}
0032         CalcButton { text: "±"; color: Maui.Theme.alternateBackgroundColor}
0033         CalcButton { text: "÷"; color: Maui.Theme.positiveBackgroundColor}
0034
0035
0036         CalcButton { text: "7" }
0037         CalcButton { text: "8" }
0038         CalcButton { text: "9" }
0039         CalcButton { text: "−"; color: Maui.Theme.positiveBackgroundColor; operator: true; dimmable: true }
0040
0041         CalcButton { text: "4" }
0042         CalcButton { text: "5" }
0043         CalcButton { text: "6" }
0044         CalcButton { text: "+"; color: Maui.Theme.positiveBackgroundColor; operator: true; dimmable: true }
0045
0046         CalcButton { text: "1" }
0047         CalcButton { text: "2" }
0048         CalcButton { text: "3" }
0049         CalcButton { text: "="; Layout.rowSpan: 2; color: Maui.Theme.highlightColor; Layout.fillHeight: true;}
0050
0051         CalcButton { text: "."; dimmable: true }
0052         CalcButton { text: "0" }
0053         CalcButton { text: "⎚"; color: Maui.Theme.negativeBackgroundColor}
0054     }
0055
0056 }