コンポーネントの色を変える

コンポーネントの色を統一的に設定あるいは変更することができます。

サンプルの左上のコンボボックスで色を選択できます。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee" width="500" height="500">
  <goldstyle name="gold"/>
  <greenstyle name="green"/>
  <purplestyle name="purple"/>
  <bluestyle name="blue"/>
 
  <wrappinglayout spacing="10" axis="y"/>
 
  <combobox width="120" editable="false">
    <handler name="onselect">
      var colorchoice = this.getText();
      canvas[colorchoice].setAttribute("isdefault", true);
    </handler>
    <textlistitem text="gold" selected="true"/>
    <textlistitem text="green" />
    <textlistitem text="purple" />
    <textlistitem text="blue"/>
  </combobox>
 
  <radiogroup>
    <radiobutton>サンプル1</radiobutton>
    <radiobutton>サンプル2</radiobutton>
    <radiobutton>サンプル3</radiobutton>
  </radiogroup>
 
  <checkbox>サンプル</checkbox>
  <checkbox>サンプル</checkbox>
  <checkbox>サンプル</checkbox>
 
  <edittext/>
 
  <slider x="10" y="20" width="160" value="50"/>
 
  <button>サンプル</button>
 
  <tree open="true" text="サンプル1">
    <tree text="サンプル1-1" isleaf="true"/>
    <tree text="サンプル1-2" isleaf="true"/>
    <tree open="true" text="サンプル2">
      <tree text="サンプル2-1" isleaf="true"/>
      <tree text="サンプル2-2" isleaf="true"/>
    </tree>
  </tree>
 
  <window x="250" y="290" width="200" height="200" />
 
  <tabslider width="200" height="210">
    <tabelement text="サンプル"/>
    <tabelement text="サンプル"/>
    <tabelement text="サンプル"/>
    <tabelement text="サンプル"/>
  </tabslider>
 
  <tabs height="200">
    <tabpane>サンプル</tabpane>
    <tabpane>サンプル</tabpane>
    <tabpane>サンプル</tabpane>
    <tabpane>サンプル</tabpane>
  </tabs>
</canvas>