Skip to content

Commit

Permalink
Redesigned virtual keyboard
Browse files Browse the repository at this point in the history
  • Loading branch information
@sualfred
sualfred committed Feb 26, 2017
1 parent 70f8f9b commit 74441d9
Show file tree
Hide file tree
Showing 6 changed files with 1,074 additions and 748 deletions.
1,395 changes: 845 additions & 550 deletions 16x9/DialogKeyboard.xml
View file

Large diffs are not rendered by default.

352 changes: 159 additions & 193 deletions 16x9/DialogNumeric.xml
View file
Expand Up @@ -2,216 +2,182 @@
<window>
<!-- virtualkeyboard -->
<defaultcontrol always="true">21</defaultcontrol>
<zorder>99</zorder>
<animation type="WindowOpen">
<effect center="auto" tween="circle" easing="out" end="100" start="110" time="200" type="zoom" />
<effect easing="inout" end="100" start="0" time="200" tween="sine" type="fade" />
</animation>
<animation easing="inout" effect="fade" end="0" start="100" time="200" tween="sine">WindowClose</animation>
<controls>
<!-- Background -->
<control type="group">
<include>DialogBackgroundImage</include>
<control type="image">
<include>FullscreenDimensions</include>
<texture>special://skin/extras/backgrounds/default.png</texture>
<colordiffuse>EFFFFFFF</colordiffuse>
<visible>!Window.IsVisible(virtualkeyboard)</visible>
</control>
<!-- Dialog group -->
<!-- Control group -->
<control type="group">
<top>-34</top>
<width>1920</width>
<height>740</height>
<animation easing="inout" effect="slide" end="0,0" start="0,-444" time="120" tween="sine">WindowOpen</animation>
<animation easing="inout" effect="slide" end="0,0" start="0,-444" time="120" tween="sine">WindowOpen</animation>
<!-- Background -->
<centerleft>50%</centerleft>
<centertop>50%</centertop>
<width>788</width>
<height>608</height>
<!-- Heading -->
<control id="1" type="label">
<width>788</width>
<height>36</height>
<font>LightCap36</font>
<textcolor>ffdadada</textcolor>
</control>
<!-- Edit -->
<control id="4" type="label">
<top>70</top>
<width>788</width>
<height>48</height>
<scroll>true</scroll>
<font>Light39</font>
<textcolor>ffdadada</textcolor>
<disabledcolor>ff414141</disabledcolor>
<focusedcolor>ffffc24b</focusedcolor>
</control>
<!-- Edit Text line -->
<control type="image">
<centerleft>50%</centerleft>
<width>960</width>
<height>444</height>
<texture border="32">dialogs/DialogMessageBackground.png</texture>
<top>126</top>
<width>788</width>
<height>2</height>
<texture border="1">dialogs/KeyboardEditLine.png</texture>
</control>
<!-- Control group -->
<!-- Keys -->
<control type="group">
<top>38</top>
<width>868</width>
<centerleft>50%</centerleft>
<!-- icon -->
<control type="group">
<top>10</top>
<width>116</width>
<height>116</height>
<!-- Icon back -->
<control type="image">
<width>116</width>
<height>116</height>
<texture>dialogs/progress/bg.png</texture>
<top>152</top>
<width>788</width>
<!-- First row -->
<control id="1000" type="grouplist">
<width>788</width>
<height>168</height>
<itemgap>12</itemgap>
<onleft>11</onleft>
<onright>16</onright>
<orientation>horizontal</orientation>
<!-- '1' -->
<control id="11" type="button">
<ondown>16</ondown>
<label>12311</label>
<include>NumericButtons</include>
</control>
<control type="image">
<width>116</width>
<height>116</height>
<texture>dialogs/progress/bg_circle.png</texture>
<!-- '2' -->
<control id="12" type="button">
<ondown>17</ondown>
<label>12312</label>
<include>NumericButtons</include>
</control>
<!-- Icon -->
<control type="image">
<width>116</width>
<height>116</height>
<texture>dialogs/icons/123.png</texture>
<!-- '3' -->
<control id="13" type="button">
<ondown>18</ondown>
<label>12313</label>
<include>NumericButtons</include>
</control>
<!-- '4' -->
<control id="14" type="button">
<ondown>19</ondown>
<label>12314</label>
<include>NumericButtons</include>
</control>
<!-- '5' -->
<control id="15" type="button">
<ondown>10</ondown>
<label>12315</label>
<include>NumericButtons</include>
</control>
</control>
<!-- Heading -->
<control type="label">
<left>132</left>
<top>24</top>
<width>736</width>
<height>54</height>
<font>Light30</font>
<textcolor>fff4f4f4</textcolor>
<label>31524</label>
</control>
<control id="1" type="label">
<left>132</left>
<top>58</top>
<width>736</width>
<height>54</height>
<font>Reg27</font>
<textcolor>ff7f7f7f</textcolor>
<label>$LOCALIZE[16028]</label>
</control>
<!-- Edit -->
<control id="4" type="label">
<left>10</left>
<top>294</top>
<!-- Second row -->
<control id="2000" type="grouplist">
<top>160</top>
<width>788</width>
<height>48</height>
<font>Light39</font>
<align>left</align>
<textcolor>ffffc24b</textcolor>
<disabledcolor>ffdadada</disabledcolor>
</control>
<!-- Edit Text line -->
<control type="image">
<top>259</top>
<centerleft>50%</centerleft>
<width>898</width>
<height>2</height>
<texture border="1">dialogs/KeyboardEditLine2.png</texture>
</control>
<!-- Keys -->
<control type="group">
<top>171</top>
<!-- Control button edit field -->
<control id="21" type="button">
<right>0</right>
<top>124</top>
<height>168</height>
<itemgap>12</itemgap>
<onup>1000</onup>
<onleft>15</onleft>
<onright>20</onright>
<orientation>horizontal</orientation>
<!-- '6' -->
<control id="16" type="button">
<onup>11</onup>
<include content="BottomControlButtons">
<param name="name">enter</param>
</include>
<ondown>20</ondown>
<label>12316</label>
<include>NumericButtons</include>
</control>
<!-- Numbers -->
<control id="1000" type="grouplist">
<width>788</width>
<height>48</height>
<itemgap>12</itemgap>
<onleft>noop</onleft>
<onright>20</onright>
<align>left</align>
<orientation>horizontal</orientation>
<!-- '1' -->
<control id="11" type="button">
<ondown>21</ondown>
<label>12311</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '2' -->
<control id="12" type="button">
<ondown>21</ondown>
<label>12312</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '3' -->
<control id="13" type="button">
<ondown>21</ondown>
<label>12313</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '4' -->
<control id="14" type="button">
<ondown>21</ondown>
<label>12314</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '5' -->
<control id="15" type="button">
<ondown>21</ondown>
<label>12315</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '6' -->
<control id="16" type="button">
<ondown>21</ondown>
<label>12316</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '7' -->
<control id="17" type="button">
<ondown>21</ondown>
<label>12317</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '8' -->
<control id="18" type="button">
<ondown>21</ondown>
<label>12318</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '9' -->
<control id="19" type="button">
<ondown>21</ondown>
<label>12319</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '0' -->
<control id="10" type="button">
<ondown>21</ondown>
<label>12310</label>
<include>SmallKeyboardButtons</include>
</control>
<!-- '7' -->
<control id="17" type="button">
<onup>12</onup>
<ondown>23</ondown>
<label>12317</label>
<include>NumericButtons</include>
</control>
<!-- Controls -->
<control id="2000" type="grouplist">
<right>0</right>
<!-- '8' -->
<control id="18" type="button">
<onup>13</onup>
<ondown>23</ondown>
<label>12318</label>
<include>NumericButtons</include>
</control>
<!-- '9' -->
<control id="19" type="button">
<onup>14</onup>
<ondown>301</ondown>
<label>12319</label>
<include>NumericButtons</include>
</control>
<!-- '0' -->
<control id="10" type="button">
<onup>15</onup>
<ondown>21</ondown>
<label>12310</label>
<include>NumericButtons</include>
</control>
</control>
<!-- Third row -->
<control id="3000" type="grouplist">
<top>320</top>
<width>788</width>
<height>78</height>
<itemgap>12</itemgap>
<onleft>10</onleft>
<onright>21</onright>
<orientation>horizontal</orientation>
<!-- Previous -->
<control id="20" type="button">
<onup>16</onup>
<label>&lt;</label>
<include>KeyboardButtons</include>
</control>
<!-- Next -->
<control id="22" type="button">
<onup>16</onup>
<label>&gt;</label>
<include>KeyboardButtons</include>
</control>
<!-- BACKSPACE -->
<control id="23" type="button">
<onup>17</onup>
<width>228</width>
<label>20181</label>
<include>KeyboardButtons</include>
</control>
<!-- Cancel Button -->
<control id="301" type="button">
<onup>19</onup>
<width>228</width>
<height>48</height>
<itemgap>12</itemgap>
<onleft>10</onleft>
<onright>noop</onright>
<align>right</align>
<orientation>horizontal</orientation>
<!-- 'previous' -->
<control id="20" type="button">
<ondown>21</ondown>
<label>12310</label>
<include content="BottomControlButtons">
<param name="name">previous</param>
</include>
</control>
<!-- 'next' -->
<control id="22" type="button">
<ondown>21</ondown>
<label>12310</label>
<include content="BottomControlButtons">
<param name="name">next</param>
</include>
</control>
<!-- 'backspace' -->
<control id="23" type="button">
<ondown>21</ondown>
<label>12310</label>
<include content="BottomControlButtons">
<param name="name">backspace</param>
</include>
</control>
<!-- 'cancel' -->
<control id="301" type="button">
<ondown>21</ondown>
<label>12310</label>
<include content="BottomControlButtons">
<param name="name">cancel</param>
</include>
</control>
<label>222</label>
<onclick>Close</onclick>
<include>KeyboardButtons</include>
</control>
<!-- Done -->
<control id="21" type="button">
<onup>10</onup>
<width>148</width>
<label>20177</label>
<include>KeyboardButtons</include>
</control>
</control>
</control>
Expand Down

0 comments on commit 74441d9

Please sign in to comment.