...
<link cursor="hand" fontColor="blue" fontUnderline="true/>
スタイルの適用
スタイルがUI 要素のタグ名に適用されるように指定することで、特定のUI 要素のすべてのインスタンスにスタイルを適用できます。
Code Block <style applyTo="button">
<normal backgroundColor="#0080FF" />
</style>
- 要素のセットとしてクラスに対してスタイルを適用できます。
ピリオドで始まるapplyTo 属性は、スタイルがタグ名ではなくクラスに適用されることを示します。
Code Block <style applyTo=".my-style">
<normal backgroundColor="#FF0000" />
</style>
次の例のmy-styleクラスは、UI 内の個々のXAL 要素に対して設定できるクラスを表します(XAL 自体ではピリオドは省略可能)。
<button class="my-style"/> or <button class=".my-style"/>
スタイルのapplyTo 属性には、単一のタグ名またはクラスの代わりに、カンマ区切りのタグ名およびクラスのリストを指定できます。
Code Block <style applyTo="button,label,.my-style" >
<normal backgroundColor="#0000FF" />
</style>
>
カスタマイズ可能なUI の状態
アプリケーションでUI コンポーネントにスタイルシートの属性値が適用される条件は、状態により制御されます。状態ごとにさまざまな属性が適用されます。
UI コンポーネントは、同時に複数の状態を取ることができます。あるコンポーネントは常にnormal の状態にあり、ボタンを押されるとmouseOver およびmouseDown の両方の状態も取ります。UI 要素が複数の状態にある場合、優先順位が最も高い状態の値を選択することにより重複した属性が解決されます。次の一覧では、使用可能な状態を優先順位の高いものから順に示します。
...
com.nexaweb.client.displayservice.DisplayServiceオブジェクトのloadStyleSheet メソッドを使用してスタイルシートをロードします。
<mco<mco:execute>mcoexecute>mco://DisplayService.loadStyleSheet("MyStylesheet.xss")</mco:execute>
...