チェックボックスの画像を差し替え

チェックボックスの画像を自作のものに差し替えた例。

サンプルのコードでは、<checkbox>を継承したクラス<myCheckbox>を自作して、myCheckbox_rsrcで定義した画像を使うように指定しています。

オンの画像	checkon.png
オフの画像	checkoff.png

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee">
  <resource name="myCheckbox_rsrc">
    <frame src="checkoff.png" />
    <frame src="checkoff.png" />
    <frame src="checkon.png" />
  </resource>
  <class name="myCheckbox" extends="checkbox" >
    <multistatebutton name="cb" 
      resource="myCheckbox_rsrc" text=""
      statenum="${parent.value ? 1 : 0}"
      statelength="4" maxstate="1"
      reference="parent"/>
    <handler name="oninit">
      this._title.setAttribute('x',25);
    </handler>
  </class>
  <simplelayout spacing="5"/>
  <myCheckbox>自作チェックボックス</myCheckbox>
  <myCheckbox>自作チェックボックス</myCheckbox>
  <myCheckbox>自作チェックボックス</myCheckbox>
</canvas>