テキスト入力

<edittext> というコンポーネントを使ってテキスト入力ができます。

<edittext>のデフォルトの高さは26ピクセル、幅は106ピクセルです。

入力された文字列を取り出すにはvalue属性を使います。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <simplelayout spacing="10"/>
  <edittext id="ed"/>
  <text text="${ed.value}"/>
</canvas>

password属性をtrueにすると入力文字が＊＊＊＊＊と表示されます。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <edittext password="true"/>
</canvas>

あまり細かいことはできませんが、pattern属性で入力文字の制限ができます。ハイフンを指定したい場合、サンプルのように￥記号でエスケープします。

本格的な入力制限やチェックはサーバサイドでやるしかないでしょう。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <simplelayout spacing="2"/>
  <text>▼数字のみ</text>
  <edittext pattern="[0-9]*"/>
  <text>▼アルファベットのみ</text>
  <edittext pattern="[a-zA-Z]*"/>
  <text>▼大文字アルファベットのみ</text>
  <edittext pattern="[A-Z]*"/>
  <text>▼英数字のみ</text>
  <edittext pattern="[a-zA-Z0-9]*"/>
  <text>▼数字とハイフンのみ(郵便番号、電話番号など向け)</text>
  <edittext pattern="[0-9\-]*" />
</canvas>

高さを指定してmultiline=“true”にすると、コメント入力欄になります。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <edittext height="78" multiline="true"/>
</canvas>

※この標準<edittext>では、スクロールバーは動的に出ません(><)。 色々と工夫が必要

<edittext/>の中に、DBなど他から取得したデータを表示できます。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <dataset name="ds">
    <bushi>織田信長</bushi>
    <bushi>豊臣秀吉</bushi>
    <bushi>徳川家康</bushi>
  </dataset>
  <simplelayout spacing="2"/>
  <edittext datapath="ds:/bushi/text()"/>
</canvas>