This commit is contained in:
朱子楚\zhuzi
2023-03-09 23:11:59 +08:00
parent e2cefb6114
commit 0867043d7a
17 changed files with 231 additions and 30 deletions

View File

@ -11,7 +11,7 @@ FluWindow {
width: 800
height: 600
title: "FluentUI"
minimumWidth: 600
minimumWidth: 500
minimumHeight: 400
FluAppBar{
@ -123,7 +123,6 @@ FluWindow {
height: 38
width: nav_list.width
Rectangle{
radius: 4
anchors{
@ -167,7 +166,6 @@ FluWindow {
FluText{
text:model.text
anchors.centerIn: parent
fontStyle: FluText.Caption
}
}

View File

@ -108,7 +108,7 @@ Item {
delegate: FluRadioButton{
checked : repeater.selecIndex===index
disabled:radio_button_switch.checked
text:"RodioButton_"+index
text:"Radio Button_"+index
onClicked:{
repeater.selecIndex = index
}

View File

@ -43,7 +43,7 @@ Item {
model: 3
delegate: FluRadioButton{
checked : repeater.selecIndex===index
text:"RodioButton_"+index
text:"Radio Button_"+index
onClicked:{
repeater.selecIndex = index
}

View File

@ -4,11 +4,15 @@ import QtQuick.Controls 2.15
import FluentUI 1.0
Item {
property int textSize: 13
FluText{
id:title
text:"Typography"
fontStyle: FluText.TitleLarge
}
ScrollView{
clip: true
width: parent.width
@ -18,40 +22,72 @@ Item {
bottom: parent.bottom
}
ColumnLayout{
spacing: 5
spacing: 0
FluText{
text:"Display"
Layout.topMargin: 20
padding: 0
pixelSize: textSize
fontStyle: FluText.Display
}
FluText{
text:"Title Large"
padding: 0
pixelSize: textSize
fontStyle: FluText.TitleLarge
}
FluText{
text:"Title"
padding: 0
pixelSize: textSize
fontStyle: FluText.Title
}
FluText{
text:"Subtitle"
padding: 0
pixelSize: textSize
fontStyle: FluText.Subtitle
}
FluText{
text:"Body Large"
padding: 0
pixelSize: textSize
fontStyle: FluText.BodyLarge
}
FluText{
text:"Body Strong"
padding: 0
pixelSize: textSize
fontStyle: FluText.BodyStrong
}
FluText{
text:"Body"
padding: 0
pixelSize: textSize
fontStyle: FluText.Body
}
FluText{
text:"Caption"
padding: 0
pixelSize: textSize
fontStyle: FluText.Caption
}
}
}
FluSlider{
orientation:FluSlider.Vertical
anchors{
right: parent.right
rightMargin: 30
top: parent.top
topMargin: 30
}
onValueChanged:{
textSize = value/100*16+8
}
value: 31
}
}