コンポーネント・スタイルについてさらに学習したい方に

コンポーネント・スタイルのカスタマイズは単純な演習です。 各コンポーネントは、デフォルトで Cascading Style Sheet (CSS) と関連付けられています。 Project NavigatorWebContent/theme ディレクトリーを開くと、それぞれのコンポーネントごとに CSS ファイルがあります。 たとえばタブ・パネル・コンポーネントには tabpanel.css があります。 tabpanel.css をダブルクリックすると CSS エディターが起動し、各スタイルのカスタマイズが可能になります。 スタイルシートが文書化されているので、各スタイルの目的を理解することができます。 tabpanel.css ファイルを見ると、すべてのスタイルの先頭に接頭部 .TabbedPanel があることがわかります。 定義済みスタイルの「セット」は 4 つあります。.TabbedPanel、.TabbedPanel_1、.TabbedPanel_2、.TabbedPanel_3 です。

スタイル・セットは重要な概念なので、理解しておく必要があります。 タブ・パネルのような複雑なコントロールに、単一のスタイルはありません。 スタイルのセットを使用し、そのすべてに接頭部として同じラベルをつけます。 スタイル・セットを使用すると、開発者は各自のページ上の個々のコンポーネントを異なるルック・アンド・フィールにカスタマイズできるため、非常に有用です。 例えば、次のようになります。

これがどのように機能するかを見るには、次の操作を試みてください。

  1. 設計ビューで、最初のタブ・パネル・コントロールを選択します。
  2. styleClass 属性を .TabbedPanel_1 に変更します。

いろいろな操作を試み、他のスタイルも選択して各スタイルのさまざまな効果を見てみましょう。

ご利用条件 | フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved. (C) Copyright IBM Japan 2004