105 lines
2.9 KiB
QML
105 lines
2.9 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import FluentUI 1.0
|
|
|
|
|
|
Button {
|
|
|
|
property bool selected: false
|
|
property bool disabled: false
|
|
|
|
id:control
|
|
enabled: !disabled
|
|
focusPolicy:Qt.TabFocus
|
|
padding:0
|
|
background: Item{
|
|
FluFocusRectangle{
|
|
visible: control.visualFocus
|
|
}
|
|
}
|
|
Keys.onSpacePressed: control.visualFocus&&clicked()
|
|
contentItem: RowLayout{
|
|
Rectangle{
|
|
id:rect_check
|
|
width: 20
|
|
height: 20
|
|
radius: 10
|
|
layer.samples: 4
|
|
layer.enabled: true
|
|
layer.smooth: true
|
|
border.width: {
|
|
if(selected&&disabled){
|
|
return 3
|
|
}
|
|
if(pressed){
|
|
if(selected){
|
|
return 5
|
|
}
|
|
return 1
|
|
}
|
|
if(hovered){
|
|
if(selected){
|
|
return 3
|
|
}
|
|
return 1
|
|
}
|
|
return selected ? 5 : 1
|
|
}
|
|
Behavior on border.width {
|
|
NumberAnimation{
|
|
duration: 150
|
|
}
|
|
}
|
|
border.color: {
|
|
if(disabled){
|
|
if(FluTheme.isDark){
|
|
return Qt.rgba(82/255,82/255,82/255,1)
|
|
}else{
|
|
return Qt.rgba(198/255,198/255,198/255,1)
|
|
}
|
|
}
|
|
if(selected){
|
|
if(FluTheme.isDark){
|
|
return FluTheme.primaryColor.lighter
|
|
}else{
|
|
|
|
return FluTheme.primaryColor.dark
|
|
}
|
|
}else{
|
|
if(FluTheme.isDark){
|
|
return Qt.rgba(161/255,161/255,161/255,1)
|
|
}else{
|
|
|
|
return Qt.rgba(141/255,141/255,141/255,1)
|
|
}
|
|
}
|
|
}
|
|
color:{
|
|
if(disabled&&selected){
|
|
return Qt.rgba(159/255,159/255,159/255,1)
|
|
}
|
|
if(FluTheme.isDark){
|
|
if(hovered){
|
|
return Qt.rgba(43/255,43/255,43/255,1)
|
|
}
|
|
return Qt.rgba(50/255,50/255,50/255,1)
|
|
}else{
|
|
if(hovered){
|
|
if(selected){
|
|
return Qt.rgba(1,1,1,1)
|
|
}
|
|
return Qt.rgba(222/255,222/255,222/255,1)
|
|
}
|
|
return Qt.rgba(1,1,1,1)
|
|
}
|
|
}
|
|
}
|
|
FluText{
|
|
text: control.text
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
}
|
|
}
|
|
|