CheckBox
CheckBox is a component with two states, checked or unchecked. It can be used to set boolean options. The behavior is the same as Switch, the only difference is the graphical style. More...
Import Statement: | import Ubuntu.Components 1.1 |
Inherits: | |
Inherited By: |
Properties
- action : Action
- activeFocusOnPress : bool
- checked : bool (preliminary)
- hovered : bool
- iconName : string
- iconSource : url
- pressed : bool
- style : Component
- text : string
Signals
- clicked()
- pressAndHold()
- triggered(var value)
Methods
- trigger(value)
Detailed Description
See also the Design Guidelines on Toggles.
This component is under heavy development.
Example:
Item { CheckBox { checked: true } }
Property Documentation
action : Action |
The Action associated with this ActionItem. If action is set, the values of the Action properties are copied to the values of the ActionItem properties.
activeFocusOnPress : bool |
The property specifies whether the StyledItem can gain focus on a mouse press/touch or not. When the value is true, the focus will be set on the component when the mouse is pressed over it or touched. However if one of the component's ancestor StyledItem or derived is having the property value false, the focus will not be gained automatically.
In the following example the TextField will stay focused when clicked on the red rectangle.
import QtQuick 2.2 import Ubuntu.Components 1.1 Column { width: units.gu(50) height: units.gu(100) StyledItem { objectName: "passiveScope" width: parent.width height: units.gu(30) Rectangle { anchors.fill: parent color: "red" StyledItem { objectName: "activeScope" activeFocusOnPress: true anchors.fill: parent } } } TextField { id: input text: "The input stays focus even if red box is clicked" } Component.onCompleted: input.forceActiveFocus() Connections { target: window onActiveFocusItemChanged: console.debug("focus on", window.activeFocusItem) } }
The default value is false.
This QML property was introduced in Ubuntu.Components 1.1.
checked : bool |
This QML property is under development and is subject to change.
Specifies whether the checkbox is checked or not. By default the property is set to false.
hovered : bool |
True if the mouse cursor hovers over the button's mouse area.
iconName : string |
The icon associated with the actionItem in the suru icon theme. Default value: action.iconName.
Note: The complete list of icons available in Ubuntu is not published yet. For now please refer to the folders where the icon themes are installed:
- Ubuntu Touch: /usr/share/icons/suru
- Ubuntu Desktop: /usr/share/icons/ubuntu-mono-dark
These 2 separate icon themes will be merged soon.
If both iconSource and iconName are defined, iconName will be ignored.
iconSource : url |
The image associated with the actionItem. Default value: action.iconSource.
This is the URL of any image file If both iconSource and iconName are defined, iconName will be ignored.
pressed : bool |
True if the user presses a mouse button in the button's mouse area.
style : Component |
Component instantiated immediately and placed below everything else.
text : string |
The title of the actionItem. Default value: action.text
Signal Documentation
This handler is called when there is a mouse click on the button and the button is not disabled. If action is defined, the action will be triggered.
triggered(var value) |
Called when the actionItem is triggered.