Friendiqa/source-linux/qml/genericqml/BlueButton.qml

74 lines
2.5 KiB
QML

// This file is part of Friendiqa
// https://github.com/lubuwest/Friendiqa
// Copyright (C) 2020 Marco R. <thomasschmidt45@gmx.net>
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// In addition, as a special exception, the copyright holders give
// permission to link the code of portions of this program with the
// OpenSSL library under certain conditions as described in each
// individual source file, and distribute linked combinations including
// the two.
//
// You must obey the GNU General Public License in all respects for all
// of the code used other than OpenSSL. If you modify file(s) with this
// exception, you may extend this exception to your version of the
// file(s), but you are not obligated to do so. If you do not wish to do
// so, delete this exception statement from your version. If you delete
// this exception statement from all source files in the program, then
// also delete it here.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
import QtQuick 2.0
Rectangle{
id: blueButton
width: Math.max(mainText.width+2*mm,8*mm)
height: 5*mm
color:"light blue"//"#EFEAEA" "sky blue"
property alias fontColor: mainText.color
// border.color:"grey"
// border.width:1
radius: mm
property alias text: mainText.text
property alias font: mainText.font
signal clicked
state:""
Text{
id:mainText
color: "black"
anchors.centerIn: parent
width: contentWidth
height: contentHeight
font.family:fontAwesome.name
font.pixelSize: 3*mm
text: ""
}
MouseArea{
id:buttonArea
anchors.fill:parent
onPressed: blueButton.state="Pressed"
onReleased: blueButton.state=""
onClicked: {parent.clicked()}
}
states: [
State { name: "Pressed"
PropertyChanges { target: blueButton; color: "white"} }
]
transitions: [
Transition { to:"*"
ColorAnimation { target: blueButton; duration: 100} }
]
}