Элемент Switch представляет переключатель, который может находиться в двух состояниях: включен (checked
) или выключен (unchecked). Соответственно элемент Switch
обычно применяется для выбора между двумя вариантами. Основную функциональность тип Switch наследует от AbstractButton и поэтому по
своей работе похож на другие кнопки, например, CheckBox или RadioButton. Простейший пример:
import QtQuick import QtQuick.Controls Window { width: 250 height: 200 visible: true title: "METANIT.COM" Column{ Switch { checked: true text: "Wi-Fi" } Switch { text: "Bluetooth" } } }
Здесь два переключателя. Для первого переключателя определено включенное состояние (checked: true
). Свойство checked позволяет установить или получить состояние переключателя:
С помощью обработчика onClicked можно отловить изменение состояния переключателя:
import QtQuick import QtQuick.Controls Window { width: 250 height: 200 visible: true title: "METANIT.COM" Column{ padding: 5 Switch { text: "Wi-Fi" onClicked: { output.text = checked?"Wi-Fi включен": "Wi-Fi отключен" } } Text { id: output text: "Wi-Fi отключен" font.pixelSize: 15 } } }
В данном случае при нажатии на переключатель в зависимости от его состояния изменяется текст в элементе Text.