diff --git a/sandbox/Controls.qml b/sandbox/Controls.qml index e5208f10..df786e3a 100644 --- a/sandbox/Controls.qml +++ b/sandbox/Controls.qml @@ -89,4 +89,8 @@ GridLayout { StatusSwitch { } + + StatusRadioButton { + text: "i'm radio!" + } } diff --git a/sandbox/sandbox.pro b/sandbox/sandbox.pro index 489806db..7050a5ef 100644 --- a/sandbox/sandbox.pro +++ b/sandbox/sandbox.pro @@ -36,3 +36,4 @@ DISTFILES += \ ../src/StatusQ/Controls/StatusButton.qml \ ../src/StatusQ/Controls/StatusFlatRoundButton.qml \ ../src/StatusQ/Controls/StatusSwitch.qml + ../src/StatusQ/Controls/StatusRadioButton.qml diff --git a/src/StatusQ/Controls/StatusRadioButton.qml b/src/StatusQ/Controls/StatusRadioButton.qml new file mode 100644 index 00000000..b58eddbf --- /dev/null +++ b/src/StatusQ/Controls/StatusRadioButton.qml @@ -0,0 +1,40 @@ +import QtQuick 2.14 +import QtQuick.Controls 2.14 +import QtQml 2.14 + +import StatusQ.Core 0.1 +import StatusQ.Core.Theme 0.1 +import StatusQ.Components 0.1 + + +RadioButton { + id: statusRadioButton + + width: indicator.implicitWidth + + indicator: Rectangle { + implicitWidth: 20 + implicitHeight: 20 + x: 0 + y: 6 + radius: 10 + color: statusRadioButton.checked ? Theme.palette.primaryColor1 + : Theme.palette.directColor8 + + Rectangle { + width: 12 + height: 12 + radius: 6 + anchors.horizontalCenter: parent.horizontalCenter + anchors.verticalCenter: parent.verticalCenter + color: statusRadioButton.checked ? Theme.palette.white : "transparent" + visible: statusRadioButton.checked + } + } + contentItem: StatusBaseText { + text: statusRadioButton.text + verticalAlignment: Text.AlignVCenter + leftPadding: !!statusRadioButton.text ? statusRadioButton.indicator.width + statusRadioButton.spacing + : statusRadioButton.indicator.width + } +} diff --git a/src/StatusQ/Controls/qmldir b/src/StatusQ/Controls/qmldir index de217d6a..da702f23 100644 --- a/src/StatusQ/Controls/qmldir +++ b/src/StatusQ/Controls/qmldir @@ -9,4 +9,4 @@ StatusFlatButton 0.1 StatusFlatButton.qml StatusRoundButton 0.1 StatusRoundButton.qml StatusFlatRoundButton 0.1 StatusFlatRoundButton.qml StatusSwitch 0.1 StatusSwitch.qml - +StatusRadioButton 0.1 StatusRadioButton.qml