2023-03-25 12:41:56 +08:00
|
|
|
|
import QtQuick
|
|
|
|
|
import QtQuick.Controls
|
|
|
|
|
import QtQuick.Layouts
|
|
|
|
|
import QtQuick.Window
|
|
|
|
|
import FluentUI
|
2023-03-20 18:22:32 +08:00
|
|
|
|
|
|
|
|
|
FluScrollablePage{
|
|
|
|
|
|
2023-03-20 21:28:12 +08:00
|
|
|
|
title:"Tooltip"
|
2023-03-20 18:22:32 +08:00
|
|
|
|
|
|
|
|
|
FluText{
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
text:"鼠标悬停不动,弹出Tooltip"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
FluArea{
|
|
|
|
|
width: parent.width
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
height: 68
|
|
|
|
|
paddings: 10
|
|
|
|
|
|
|
|
|
|
Column{
|
|
|
|
|
spacing: 5
|
|
|
|
|
anchors{
|
|
|
|
|
verticalCenter: parent.verticalCenter
|
|
|
|
|
left: parent.left
|
|
|
|
|
}
|
|
|
|
|
FluText{
|
|
|
|
|
text:"FluIconButton的text属性自带Tooltip效果"
|
|
|
|
|
}
|
|
|
|
|
FluIconButton{
|
|
|
|
|
iconSource:FluentIcons.ChromeCloseContrast
|
|
|
|
|
iconSize: 15
|
|
|
|
|
text:"删除"
|
|
|
|
|
onClicked:{
|
|
|
|
|
showSuccess("点击IconButton")
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
FluArea{
|
|
|
|
|
width: parent.width
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
height: 68
|
|
|
|
|
paddings: 10
|
|
|
|
|
|
|
|
|
|
Column{
|
|
|
|
|
spacing: 5
|
|
|
|
|
anchors{
|
|
|
|
|
verticalCenter: parent.verticalCenter
|
|
|
|
|
left: parent.left
|
|
|
|
|
}
|
|
|
|
|
FluText{
|
|
|
|
|
text:"给一个Button添加Tooltip效果"
|
|
|
|
|
}
|
|
|
|
|
FluButton{
|
|
|
|
|
id:button_1
|
|
|
|
|
text:"删除"
|
|
|
|
|
onClicked:{
|
|
|
|
|
showSuccess("点击一个Button")
|
|
|
|
|
}
|
|
|
|
|
FluTooltip{
|
|
|
|
|
visible: button_1.hovered
|
|
|
|
|
text:button_1.text
|
|
|
|
|
delay: 1000
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|