UJMLサンプル057：超基礎：HELLO WORLD! その４ 文字の色を指定 変数から文字の色指定をする場合(2006/02/21)

表示する色を固定せずに、動的に変更するときには変数を使って文字の色を指定することができる。例えば、ボタンが押されたときに文字の色を変えたり、背景を変えたり、と色々なシチュエーションで活用できる。

変数を使用するには、変数の宣言と、変数への値の代入が必要だ。

変数の宣言は例えば、

<variables>
    <var name="mFGColor" type="int"/>
</variables>

といった形で行う。Javascriptと比較すると多少書く内容が多いが慣れれば気にならなくなるだろう。

変数への代入は<script>エレメント中に記述するプログラムで行う。例えば、

<script>
    mFGColor=&_COLOR_WHITE;;
</script>

といった形だ。

後は、実際に色を指定するところだが、ここは注意が必要だ。

<label>
    <text>HELLO</text>
    <fg><eval>mFGColor</eval></fg>
</label>

変数を使う場合には、<eval>というタグで変数名をくくって書く必要がある。これは、変数とそれ以外を区別するためにとても重要なので気をつけよう。

サンプルは白い"HELLO"を表示します。

★---コード
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.5//EN"
"http://www.uievolution.com/dtd/ujml-1.5.dtd" >
<!-- http://uienginda.blogs.com -->
<ujml>
    <application>
        <variables>
            <var name="mFGColor" type="int"/>
        </variables>
        <script>
            mFGColor=&_COLOR_WHITE;;
        </script>
        <display>
            <label>
                <text>HELLO</text>
                <fg><eval>mFGColor</eval></fg>
            </label>
        </display>
    </application>
</ujml>