QML States属性

States Elements

• State
• PropertyChanges
• StateGroup
• StateChangeScript
• ParentChange
• AnchorChanges

Many user interface designs are state driven; interfaces have configurations that differ depending on the current state. For example, a traffic signal will configure its flags or lights depending on its state. While in the signal's stop state, a red light will turn on while the yellow and the green lights will turn off. In the cautionstate, the yellow light is on while the other lights are turned off.

许多用户界面的设计是由state驱动的,界面不同的配置依赖当前的状态。例如,一个交通信号会依靠它的状态来配置旗帜或灯。而在信号的stop状态,红灯亮而黄灯和绿灯灭。在caution状态，黄灯亮其他等灭。

In QML, states are a set of property configurations defined in a State element. Different configurations could, for example:

在QML中states是定义在State元素中的属性配置集合。可能不同的配置,例如:

• Show some UI elements and hide others
• 显示一些UI元素和隐藏其他的
• Present different available actions to the user
• 呈现不同的可用的行为给用户
• Start, stop, or pause animations
• 启动,停止,或者暂停动画
• Execute some script required in the new state
• 在新的状态执行一些需要的脚本
• Change a property value for a particular item
• 为特定的项更改了一个属性值
• Show a different view or screen
• 显示一个不同的视图或和屏幕

All Item-based objects have a state property, and can specify additional states by adding new State objects to the item's states property. Each state within a component has a unique name, an empty string being the default. To change the current state of an item, set the state property to the name of the state.

所有基于item的对象拥有state属性，通过添加新的State对象到项的states属性里指定额外的状态。一个组件里每个状态都有一个独特的名字,默认是空字符串。设置state属性为状态的名字可以改变这个项的当前状态。

Non-Item objects may use states through the StateGroup element.

Non-Item对象可以通过StateGroup元素来使用状态。

Creating States

To create a state, add a State object to the item's states property, which holds a list of states for that item.

创建一个状态,加一个State对象到项的States属性里，这个属性持有这个项的状态列表。

A warning signal component may have two states, the NORMAL and the CRITICAL state. Suppose that in the NORMAL state, the color of the signal should be greenand the warning flag is down. Meanwhile, in the CRITICAL state, the color should be red and the flag is up. We may model the states using the State element and the color and flag configurations with the PropertyChanges element.

一个警告signal组件可能有两个状态,NORMAL 和CRITICAL 状态。假定在NORMAL 的状态,信号的颜色应该是green和警告flag是降下的。与此同时,在CRITICAL 状态下,颜色应该是red和旗是升起的。我们可以采用状态模型 使用State元素和用PropertyChanges元素配置的color和flag。

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgIAAAHdCAIAAADgp4b8AAAgAElEQVR4nO3du6rdxh7Hcb2Bn8KFC5FC+CFSmIBcRY+QYoM4kDKVYLsTKZMmBE4lgWunyiG4EqgJ+FWmPsVIo79mRpd1v/y/H0yyt9Zo1mg7zG8ua2cSAwBQLLl1AwAAt0QMAIBqxAAAqEYMAIBqxAAAqEYMAIBqxAAAqEYMAIBqxAAAqEYMAIBqqmOgLbOsbG/dCgC4pe0Y+Offv998TOSfP/767QotW/fHX7+59hxbR1uSAQDU29WH/vLnz7b3t5Hw/uXdoW9jb/zlz58PbuCq9y/vTomBuu7O2RoAeEDHxMCPrz8c+ja2BmIAAO7NATEQLsLYXnjzorzy5mPyz79/m2CtKbwiV5+867YGE4uBaJNi2pJtAQA4KAZ+fP1BjujtRdsjuymCLfPHX7/ZtXtX2PvWlTRiqmHEpEGWdwXkO1peDESbtIzZAAAcuCgku11vjG83DJZWacIYMPMxvoyBf/792yvvvYvjvV20ScuIAQA4MAZk72yH83JsbsRswBjz/uWdG4+7G9+/vLO3u3WbcDbgxUA4CXC8GIg2aRkxAAAHfmDUjD2v6+jdS+HIXfbIshJ70XbZ3oTAjeJlYW/PwL6R/MCofPdokxbwgVEAeIRfH/NWoo74uOoSfn0MAB4gBryB/z388hoAPI0HiAEAwOUQAwCgGjEAAKoRAwCgGjEAAKoRAwCgGjEAAKoRAwCgGjEAAKoRAwCgGjEAAKoRAwCgGjEAAKoRAwCgGjEAAKoRAwCg2vVjoCmStOrn1/oqTcKr56j5iDqSJEmK5rRqAOBR3M1soClO7sLPpa9SYgCAFncZA22ZZXnd3aopxAAARa4bA5Ell+FSctii0HTXUNdqzUmSVk2VJklRFLO7+iqdVzNeJQYAaHH92cCsk22KqR8/IAaawvXjxXTXrGb3jSvSV+nwZuN7iWpkx08MAFDktjEgvj5wbyC2let13+NsYKx3enl6r2BWEakHAJ7ZzWcDqRuq74+BvqpceCSRCYD9pvDqC2JgupnZAAC1brI3IEffw6U0FR8Z3dwiDusJr0zr/kla9eO3RTMUTat+tnswvLu4dDefXAKAC7qbTwqd2XzpyZ8YAAAGzxoD0ZkHAMD3vDEAANiBGAAA1YgBAFCNGAAA1YgBAFCNGAAA1YgBAFCNGAAA1YgBAFCNGAAA1YgBAFCNGAAA1YgBAFCNGAAA1YgBAFCNGAAA1e4hBpoiPPCxr9KlYyD7Kj3yJJm2zCx3wmVX51mWZVnZjmXCK1sOaE/sSY+pZ9NlnhTAM7qHGFjgjqs3/jmSx50Z35Zjn9iWtu/r6tx9YV8Lr+xxrjPs4/Ucfobm5Z4UwPN5jBjoqzTdjIGtg+zHLtEY05ZlO+sAuzqPX9nlojHgPbsxt3xSAM/nejHQV2mSJEVRJElSVPabZjwxWPZ+0yHCadWP94kLtrssiqPPGe7qsu7MrLccBtDhleGGfHXpJNYe1+zxwuqT2kcL6ok8+2WfFIA+15wNDKsbfVU1xjSVWPERg+CmGHtKuSgkv7a9oy00v75LuGIyXT2ycwzbIxZymmJ6uNmTum9c4fhzHfGM/hMQAwAWXXVRqK+Kqrd93VLnKL5ejYFIVOwwH9ZfYFFoaI8cxctxvLfqM84GxgLx5zoqBi70pACez3X3BvoqTdOqaYo0rRp5Vc4GppWfoCvsm6Y3R8eAGPW2rb9fuvTFzsfy2rPQLm824G/9rsbA8Oy3fVIAz+fKW8S2o5sN+d2g2buUpulsnOxvFriNhbHMxsbp+PnITH5Kct/HKNf3BuLtmSYEQ/vCJxVzhmFnIPpc8tnNhZ8UgD53/EmhO2I/b3Ne86WwQz8TCgBnQgzcTmQmBADXRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGq6YsAeI3arYxdv++4AEKUqBtoyK9vxoN6uzt1Rjm2ZZcM37gTHcjjDd36eo70wnEXWltl0GqSt3Ewv+Kc7zt4dAO7EHcTAnhMYz3FKY1fX7fw8ybYUR/XWs6PbXa/e1fl0mm9ed6ar88wd5j4dCdzWZVlOHXxwbGX47gBwD24fA32Vpltd/J4yWwe1x+6o63bo5W0vPfX57utZDNgLdVm6L6a5QNnKgT79PYAHceUYmI7fLRpjTF+l7jjesZ+frtkDemNlposnHeLb1nU3rNKMg/VcDujHwX8mlolMV9d1Xdadaeu6HssHY31iAMCDuG4MNMXQbctFnqaQI31RJJ36+HkZcbcrfoy2HnYDynYtBsrZK11dt22Z13Vdd+PVri5dTePNxACAh3DtRaFhOiD77nkXH8wYwjJyfiBmCIezMWBMW2Z5vrEo5F7q6roddxXkbrMlF4mObRYAXNFVY6CvqqFjb4qpjx+6+L5pevlCbDZgywTBcawxBmYbwotbxK7Pr9ux3HBp6vPdpEHEwLD7DAB36dqLQkk40h8G90PPLoqEGwbh3oCYDBy4RTwM4eefFFr4wOg4D8izPLcfGG3ruhs+ZprnbhYwflDU/tufIQDAHbr9J4UAADdEDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKhGDACAasQAAKimPga6Os+yLMuysr11UwDgBoiBuqb/B6DYHcRAXxVVf4YyxyEGAOh2+xjoqzTd6uL3lIloyyzL6261DDEAQLcrx0BTJIOiMcb0VTp+n4z9/HStaMxCmemiLRPWvBsxAEC368ZAUwx9tFzkaQo50hdF0qlDn5cRd4/FozXvQQwA0O3ai0LDoF2O2OddfHxcPysj5wfTDCFS8x7EAADdrhoDfVUNnXRTyOWctOqN6Zumly/EZgO2TBAcSzXvQQwA0O3ai0JJONIfBvdDzy6KhBsG4d5A5LapZraIAWDL7T8pdGP8+hgA3dTHAADoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEAACoRgwAgGrEwJHakpNqADyDh4yBf/79+83HxP358fWHqzehLckAAE/hIWPg/cu7Nx8T9/X7l3f2axsPv/z582YN+0suaOuNM44B4DE8agy4rl/65c+fd3bu+0suIAYAPImHjAG3KCT7cTtFcH/++fdvEywfrZT0rq++f1uyLQDgWTxkDFh2RP/mY/LHX7/ZK3/89ZuXDT++/mD7dFt4paQtYCNhx34DswEAT+KBY8B68zFxC0Rh524LuD8rMeBNEaKLTgIxAOBJPGQMvH95Z0frds3Hjdxd5/7+5Z3t4t0Kz9JswJW08wa3QLSFGADwJB4y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" alt="" /> 

The PropertyChanges element will change the values of object properties. Objects are referenced through their id. Objects outside the component are also referenced using the id property, exemplified by the property change to the external flag object.

PropertyChanges元素将改变的对象属性的值。 可以通过id引用对象。组件外部的对象也能用id来引用,这里例证了外部flag对象的属性变化。

Further, the state may change by assigning the state property with the appropriate signal state. A state switch could be in a MouseArea element, assigning a different state whenever the signal receives a mouse click.

另外,可以给state属性赋于合适的信号状态值来改变状态。状态可以在一个MouseArea元素里切换,当接收到鼠标点击，指定一个不同的状态。

<img src="data:image/png;base64,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" alt="" /> 

The State element is not limited to performing modifications on property values. It can also:

State元素不限于执行属性值的修改。它也可以:

• Run some script using StateChangeScript
• Override an existing signal handler for an object using PropertyChanges
• Re-parent an Item using ParentChange
• Modify anchor values using AnchorChanges

The Default State

Every Item based component has a state property and a default state. The default state is the empty string ("") and contains all of an item's initial property values. The default state is useful for managing property values before state changes. Setting the state property to an empty string will load the default state.

每个基于item的组件一个state属性和默认状态。默认状态是空字符串(" "),包含了项所有的初始的属性值。这是默认状态是非常有用的，在状态变化之前管理属性值。设置state属性为空字符串会加载默认状态。

The when Property

For convenience, the State element has a when property that can bind to expressions to change the state whenever the bound expression evaluates to true. The when property will revert the state back to the default state when the expression evaluates to false.

为了方便起见,State元素都有一个when属性，可以绑定表达式来改变状态，当绑定的表达式评估为true。当表达式评估为false，状态会退回到default state。

<img src="data:image/png;base64,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" alt="" /> 

The bell component will change to the RINGING state whenever the signal.state is CRITICAL.

当signal.state 是 CRITICAL，bell组件变换到RINGING 状态。

Animating State Changes

State changes induce abrupt value changes. The Transition element allow smoother changes during state changes. In transitions, animations and interpolation behaviors are definable. The Animation and Transitions article has more information about creating state animations.

状态变化会引起值的突然变化。Transition属性允许这变化在状态变化期间会更平滑。在transitions中,动画和插值行为是可定义的。Animation and Transitions文章中有更详细的信息关于创建状态动画。

The States and Transitions example demonstrates how to declare a basic set of states and apply animated transitions between them.