2023-03-25 12:41:56 +08:00
|
|
|
|
import QtQuick
|
|
|
|
|
import QtQuick.Controls
|
|
|
|
|
import QtQuick.Layouts
|
|
|
|
|
import QtQuick.Window
|
|
|
|
|
import FluentUI
|
2023-03-02 12:20:16 +08:00
|
|
|
|
|
2023-03-10 18:08:32 +08:00
|
|
|
|
FluScrollablePage{
|
|
|
|
|
|
|
|
|
|
title:"TextBox"
|
|
|
|
|
|
|
|
|
|
FluTextBox{
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
placeholderText: "单行输入框"
|
|
|
|
|
Layout.preferredWidth: 300
|
2023-03-20 18:22:32 +08:00
|
|
|
|
disabled:toggle_switch.selected
|
2023-03-06 18:08:01 +08:00
|
|
|
|
}
|
2023-03-10 18:08:32 +08:00
|
|
|
|
FluMultiLineTextBox{
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
Layout.preferredWidth: 300
|
|
|
|
|
placeholderText: "多行输入框"
|
2023-03-20 18:22:32 +08:00
|
|
|
|
disabled:toggle_switch.selected
|
2023-03-10 18:08:32 +08:00
|
|
|
|
}
|
|
|
|
|
FluAutoSuggestBox{
|
|
|
|
|
Layout.topMargin: 20
|
|
|
|
|
values:generateRandomNames(100)
|
|
|
|
|
placeholderText: "AutoSuggestBox"
|
|
|
|
|
Layout.preferredWidth: 300
|
2023-03-20 18:22:32 +08:00
|
|
|
|
disabled:toggle_switch.selected
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
FluToggleSwitch{
|
|
|
|
|
id:toggle_switch
|
|
|
|
|
text:"Disabled"
|
|
|
|
|
Layout.topMargin: 20
|
2023-03-09 15:49:37 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function generateRandomNames(numNames) {
|
2023-03-10 18:08:32 +08:00
|
|
|
|
const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
|
|
|
|
|
const names = [];
|
|
|
|
|
function generateRandomName() {
|
|
|
|
|
const nameLength = Math.floor(Math.random() * 5) + 4;
|
|
|
|
|
let name = '';
|
|
|
|
|
for (let i = 0; i < nameLength; i++) {
|
|
|
|
|
const letterIndex = Math.floor(Math.random() * 26);
|
|
|
|
|
name += alphabet.charAt(letterIndex);
|
|
|
|
|
}
|
|
|
|
|
return name;
|
|
|
|
|
}
|
|
|
|
|
for (let i = 0; i < numNames; i++) {
|
|
|
|
|
const name = generateRandomName();
|
|
|
|
|
names.push(name);
|
2023-03-02 12:20:16 +08:00
|
|
|
|
}
|
2023-03-10 18:08:32 +08:00
|
|
|
|
return names;
|
2023-03-02 12:20:16 +08:00
|
|
|
|
}
|
2023-03-09 15:49:37 +08:00
|
|
|
|
|
|
|
|
|
|
2023-03-02 12:20:16 +08:00
|
|
|
|
}
|