右寄せ入力テキスト

右寄せの入力inputtextの自作クラス。とりあえず右寄せのみ。

• これに左寄せ、センタリングの機能をつければ汎用的に使えるでしょう。
• 右寄せは金額入力などに適しているので、3桁ごとにカンマつける機能をつけるのも良さそう。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
 
<class name="myInputtext" width="200" height="20">
  <attribute name="textalign" type="string" value="right"/>
  <view width="${parent.width}" height="${parent.height}" bgcolor="0x000000">
    <view align="center" valign="middle" width="${parent.width-2}" height="${parent.height-2}" bgcolor="0xffffff" clip="true">
      <inputtext width="${parent.width+this.pad}"> 
        <attribute name="pad" value="1000" type="number"/>
        <handler name="ontext">
          if (classroot.textalign == "right") {
            var x = ((this.width-this.pad) - (this.getTextWidth()+10));
            this.setAttribute("x", x);
          }
        </handler>
      </inputtext>
    </view>
  </view>
</class>
 
<myInputtext x="10" y="10" />
 
</canvas>