diff options
| author | Michael Brasser <michael.brasser@nokia.com> | 2009-04-22 04:47:24 (GMT) |
|---|---|---|
| committer | Michael Brasser <michael.brasser@nokia.com> | 2009-04-22 04:47:24 (GMT) |
| commit | 2366667fc97eb6a56203b2dd7dac776ff4164abd (patch) | |
| tree | b2acb6cc6bfe475d7e619e4788973b61fff775e0 /demos/declarative/calculator/calculator.qml | |
| parent | 2c762f3b8b284a7c6dc0c499b7052013bad5b707 (diff) | |
| download | Qt-2366667fc97eb6a56203b2dd7dac776ff4164abd.zip Qt-2366667fc97eb6a56203b2dd7dac776ff4164abd.tar.gz Qt-2366667fc97eb6a56203b2dd7dac776ff4164abd.tar.bz2 | |
Initial import of kinetic-dui branch from the old kinetic
Diffstat (limited to 'demos/declarative/calculator/calculator.qml')
| -rw-r--r-- | demos/declarative/calculator/calculator.qml | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/demos/declarative/calculator/calculator.qml b/demos/declarative/calculator/calculator.qml new file mode 100644 index 0000000..4ada896 --- /dev/null +++ b/demos/declarative/calculator/calculator.qml @@ -0,0 +1,83 @@ +<Rect id="MainWindow" width="320" height="270" color="black"> + <Script src="calculator.js"/> + + <VerticalLayout spacing="2" margin="2"> + <Rect id="Container" height="60" z="2" width="316" pen.color="white" color="#343434"> + <Text id="CurNum" font.bold="true" color="white" font.size="16" anchors.right="{Container.right}" anchors.rightMargin="5" + anchors.verticalCenter="{Container.verticalCenter}"/> + <Text id="CurrentOperation" color="white" font.bold="true" font.size="16" anchors.left="{Container.left}" anchors.leftMargin="5" + anchors.verticalCenter="{Container.verticalCenter}"/> + </Rect> + + <Item width="320" height="30"> + <CalcButton id="AdvancedCheckBox" x="55" width="206" operation="Advanced Mode" toggable="true"/> + </Item> + + <Item width="320"> + <Item id="BasicButtons" x="55" width="160" height="160"> + <CalcButton operation="Bksp" id="Bksp" width="67" opacity="0"/> + <CalcButton operation="C" id="C" width="76"/> + <CalcButton operation="AC" id="AC" x="78" width="76"/> + + <GridLayout id="NumKeypad" y="32" spacing="2" columns="3"> + <CalcButton operation="7"/> + <CalcButton operation="8"/> + <CalcButton operation="9"/> + <CalcButton operation="4"/> + <CalcButton operation="5"/> + <CalcButton operation="6"/> + <CalcButton operation="1"/> + <CalcButton operation="2"/> + <CalcButton operation="3"/> + </GridLayout> + + <HorizontalLayout y="128" spacing="2"> + <CalcButton operation="0" width="50"/> + <CalcButton operation="." x="77" width="50"/> + <CalcButton operation="=" id="Equals" x="77" width="102"/> + </HorizontalLayout> + + <VerticalLayout id="SimpleOperations" x="156" y="0" spacing="2"> + <CalcButton operation="x"/> + <CalcButton operation="/"/> + <CalcButton operation="-"/> + <CalcButton operation="+"/> + </VerticalLayout> + </Item> + + <GridLayout id="AdvancedButtons" x="350" spacing="2" columns="2" opacity="0"> + <CalcButton operation="Abs"/> + <CalcButton operation="Int"/> + <CalcButton operation="MC"/> + <CalcButton operation="Sqrt"/> + <CalcButton operation="MR"/> + <CalcButton operation="^2"/> + <CalcButton operation="MS"/> + <CalcButton operation="1/x"/> + <CalcButton operation="M+"/> + <CalcButton operation="+/-"/> + </GridLayout> + </Item> + </VerticalLayout> + + <states> + <State name="Advanced" when="{AdvancedCheckBox.toggled == true}"> + <SetProperties target="{BasicButtons}" x="0"/> + <SetProperties target="{SimpleOperations}" y="32"/> + <SetProperties target="{Bksp}" opacity="1"/> + <SetProperties target="{C}" x="69" width="67"/> + <SetProperties target="{AC}" x="138" width="67"/> + <SetProperties target="{Equals}" width="50"/> + <SetProperties target="{AdvancedButtons}" x="210" opacity="1"/> + </State> + </states> + + <transitions> + <Transition> + <NumericAnimation properties="x,y,width" easing="easeOutBounce" duration="500"/> + <NumericAnimation properties="opacity" easing="easeInOutQuad" duration="500"/> + </Transition> + </transitions> + +</Rect> + |