コンポーネントの影付き表示
Platform 4.5+が必要
コンポーネントの影付き表示
Nexaweb 4.5 のデフォルト設定により、アプリケーション UI で次の Nexaweb UI コンポーネントを影付きで表示します。
- ウィンドウ
- ダイアログボックス
- ポップアップ
- ツールチップ
Nexaweb アプリケーションのデフォルトのスタイルシートでは、次のパラメータを使用してコンポーネントに表示する影を定義します。
コンポーネントのプロパティ | 説明 |
dropShadowOffset | 影 のサイズをピクセル数で指定します。影はコンポーネントの右側と下側に沿って描画されます。オフセットには、コンポーネントの右側と下側に描画される影の ピクセル数が指定されます。Nexaweb アプリケーションのデフォルトのスタイルシートでは、オフセットが 20 ピクセルに指定されます。 |
dropShadowColor | 影の色を RGB カラー コードで指定します。Nexaweb アプリケーションのデフォルトのスタイルシートでは、影の色が 707070 に設定されます。 707070. |
すべてのコンポーネントに使用されるデフォルトの dropShadowOffset またはdropShadowColorプロパティは、dropShadowOffset およびdropShadowColorパラメータを Nexaweb アプリケーションのデフォルトのスタイルシートで編集することによって変更できます。
また、各コンポーネントの影の外観は、UI アプリケーション ファイル内のコンポーネントが定義されるセクションで、dropShadow プロパティの値を指定することによってカスタマイズできます。dropShadow プロパティは、次のように指定します。
- dropShadowOffset="40"
ここで、40は影のオフセットのサイズを表すピクセル数です。 - dropShadowColor="150150150"
ここで、150150150は RGB カラーコードの色を表します。