amass/FluentUI
1
0
Fork 0
mirror of https://github.com/zhuzichu520/FluentUI.git synced 2024-11-26 21:37:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
zhuzichu 2023-06-21 11:47:05 +08:00
parent cbb8c3122b
commit 243f8aa248
10 changed files with 122 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
example/qml/component/CodeExpander.qml
View File

@ -132,7 +132,8 @@ FluExpander{
"FluAcrylic",
"FluRemoteLoader",
"FluMenuBar",
"FluPagination"
"FluPagination",
"FluRadioButtons"
];
code = code.replace(/\n/g, "<br>");
code = code.replace(/ /g, "&nbsp;");

28
example/qml/page/T_Buttons.qml
View File

@ -221,6 +221,9 @@ FluScrollablePage{
}
FluMenuItem{
text:"Menu_4"
onClicked: {
console.debug(parent.height)
}
}
}
FluToggleSwitch{
@ -259,24 +262,23 @@ FluScrollablePage{
height: 100
paddings: 10
Layout.topMargin: 20
ColumnLayout{
FluRadioButtons{
spacing: 8
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
Repeater{
id:repeater
property int selecIndex : 0
model: 3
delegate: FluRadioButton{
checked : repeater.selecIndex===index
disabled:radio_button_switch.checked
text:"Radio Button_"+index
clickListener:function(){
repeater.selecIndex = index
}
}
FluRadioButton{
disabled:radio_button_switch.checked
text:"Radio Button_1"
}
FluRadioButton{
disabled:radio_button_switch.checked
text:"Radio Button_2"
}
FluRadioButton{
disabled:radio_button_switch.checked
text:"Radio Button_3"
}
}
FluToggleSwitch{

21
example/qml/page/T_Expander.qml
View File

@ -27,7 +27,7 @@ FluScrollablePage{
Layout.topMargin: 20
Item{
anchors.fill: parent
ColumnLayout{
FluRadioButtons{
spacing: 8
anchors{
top: parent.top
@ -35,17 +35,14 @@ FluScrollablePage{
topMargin: 15
leftMargin: 15
}
Repeater{
id:repeater
property int selecIndex : 0
model: 3
delegate: FluRadioButton{
checked : repeater.selecIndex===index
text:"Radio Button_"+index
clickListener:function() {
repeater.selecIndex = index
}
}
FluRadioButton{
text:"Radio Button_1"
}
FluRadioButton{
text:"Radio Button_2"
}
FluRadioButton{
text:"Radio Button_3"
}
}
}

51
example/qml/page/T_RadioButton.qml
View File

@ -47,4 +47,55 @@ FluScrollablePage{
}'
}
FluArea{
Layout.fillWidth: true
height: 100
paddings: 10
Layout.topMargin: 20
FluRadioButtons{
spacing: 8
anchors.verticalCenter: parent.verticalCenter
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluRadioButton{
disabled: radio_button_switch2.checked
text:"Radio Button_1"
}
FluRadioButton{
disabled: radio_button_switch2.checked
text:"Radio Button_2"
}
FluRadioButton{
disabled: radio_button_switch2.checked
text:"Radio Button_3"
}
}
FluToggleSwitch{
id:radio_button_switch2
anchors{
right: parent.right
verticalCenter: parent.verticalCenter
}
text:"Disabled"
}
}
CodeExpander{
Layout.fillWidth: true
Layout.topMargin: -1
code:'FluRadioButtons{
spacing: 8
FluRadioButton{
text:"Radio Button_1"
}
FluRadioButton{
text:"Radio Button_2"
}
FluRadioButton{
text:"Radio Button_3"
}
}'
}
}

3
src/imports/FluentUI/Controls/FluDropDownButton.qml
View File

@ -77,7 +77,7 @@ Button {
onClicked: {
if(items && menu.count !==0){
var pos = control.mapToItem(null, 0, 0)
var containerHeight = menu.height
var containerHeight = menu.count*36
if(window.height>pos.y+control.height+containerHeight){
menu.y = control.height
}else if(pos.y>containerHeight){
@ -90,6 +90,7 @@ Button {
}
FluMenu{
id:menu
modal:true
width: control.width
}
}

3
src/imports/FluentUI/Controls/FluExpander.qml
View File

@ -79,8 +79,7 @@ Item {
Behavior on height {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: expand ? [ 0, 0, 0, 1 ] : [ 1, 0, 0, 0 ]
easing.type: Easing.InCubic
}
}
}

1
src/imports/FluentUI/Controls/FluMenu.qml
View File

@ -16,7 +16,6 @@ T.Menu {
spacing: 0
delegate: FluMenuItem { }
enter: Transition {
reversible: true
NumberAnimation {
property: "opacity"
from:0

23
src/imports/FluentUI/Controls/FluNavigationView.qml
View File

@ -122,8 +122,7 @@ Item {
Behavior on height {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
}
@ -140,8 +139,7 @@ Item {
Behavior on height {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
width: layout_list.width
@ -333,8 +331,7 @@ Item {
Behavior on height {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
clip: true
@ -571,8 +568,7 @@ Item {
Behavior on Layout.preferredWidth {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
}
@ -638,8 +634,7 @@ Item {
Behavior on anchors.leftMargin {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
StackView{
@ -695,15 +690,13 @@ Item {
Behavior on width {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
Behavior on x {
NumberAnimation{
duration: 167
easing.type: Easing.BezierSpline
easing.bezierCurve: [ 0, 0, 0, 1 ]
easing.type: Easing.InCubic
}
}
visible: {
@ -768,7 +761,7 @@ Item {
clip: true
ScrollBar.vertical: FluScrollBar {}
model:d.handleItems()
highlightMoveDuration: 150
highlightMoveDuration: 167
highlight: Item{
clip: true
Rectangle{

11
src/imports/FluentUI/Controls/FluPivot.qml
View File

@ -27,7 +27,8 @@ Item {
clip: true
spacing: 20
interactive: false
orientation:ListView.Horizontal
orientation: ListView.Horizontal
highlightMoveDuration: 167
highlight: Item{
clip: true
Rectangle{
@ -38,7 +39,8 @@ Item {
y:37
Behavior on width {
NumberAnimation{
duration: 150
duration: 167
easing.type: Easing.InCubic
}
}
}
@ -61,11 +63,6 @@ Item {
return normalColor
}
}
transitions: Transition {
NumberAnimation{
duration: 400;
}
}
}
onClicked: {
nav_list.currentIndex = index

30
src/imports/FluentUI/Controls/FluRadioButtons.qml Normal file
View File

@ -0,0 +1,30 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Controls.Basic
import QtQuick.Layouts
import FluentUI
ColumnLayout {
default property alias buttons: control.data
property int currentIndex : -1
id:control
onCurrentIndexChanged: {
for(var i = 0;i<buttons.length;i++){
buttons[i].checked = false
}
buttons[currentIndex].checked = true
}
Component.onCompleted: {
for(var i = 0;i<buttons.length;i++){
buttons[i].clickListener = function(){
for(var i = 0;i<buttons.length;i++){
var button = buttons[i]
if(this === button){
currentIndex = i
}
}
}
}
currentIndex = 0
}
}