Qt Quick Controls offers a selection of button-like controls.
Abstract base type providing functionality common to buttons | |
Push-button that can be clicked to perform a command or answer a question | |
Check button that can be toggled on or off | |
Check button that triggers when held down long enough | |
Exclusive radio button that can be toggled on or off | |
A push-button control with rounded corners that can be clicked by the user | |
Button that can be toggled on or off | |
Button with a look suitable for a ToolBar |
Each type of button has its own specific use case. The following sections offer guidelines for choosing the appropriate type of button, depending on the use case.
Button is a clickable control that starts an action, or opens or closes a popup. A button usually has a text label but it can also contain an icon.
Button is a very suitable control when a popup or dialog needs to perform an action. The most common examples are Apply, Cancel, Save, Close and Help.
Recommendations:
另请参阅 Button and AbstractButton
CheckBox is used to build multi-selection option lists. Any number of options can be selected, including none, but the options should not be mutually exclusive.
Use a single CheckBox for a yes/no choice, such as when you have to accept the terms of service agreement in a form.
For a single yes/no choice, it is also possible to use a switch. If the choice concerns an option, it is best to use a CheckBox . If it concerns action to be taken, a switch is recommended.
When options can be grouped, you can use a partially checked CheckBox to represent the whole group. Use the checkbox's partially checked state when a user selects some, but not all, sub-items in the group.
The three availables check states are: checked, partially checked and unchecked.
The checkable options are often listed vertically.
Recommendations:
另请参阅 CheckBox
DelayButton is a button that incorporates a delay before triggering an action. This delay prevents accidental presses.
Recommendations:
另请参阅 Button and AbstractButton
RadioButton is used to select only one option from a set of options. Selecting one option automatically deselects the one selected before.
If there are only two mutually exclusive options, combine them into a single checkbox or a switch.
Recommendations:
另请参阅 RadioButton
RoundButton is a clickable control that starts an action, or opens or closes a popup. A round button with a square image icon or one-letter font icon is circular. A circular RoundButton takes less space than a normal Button , and can also be used as a floating action button.
Recommendations:
另请参阅 RoundButton
Switch represents a physical switch that allows users to choose between an "on" or "off" state. Use a switch for binary operations that take effect immediately after it has been switched on. For example, a switch to turn WIFI on or off.
Recommendations:
另请参阅 Switch
ToolButton is nearly identical to Button , but it has a graphical appearance that makes it more suitable for insertion into a ToolBar .
另请参阅 ToolButton