NAVIEW-OBJECT 画像表示

NAVIEW-OBJECTでは、画像を「画像フィールド」として定義して表示する事ができます。領域に合わせて自動的に拡大/縮小が行われますので、厳密なサイズ調整は必要なく、1つの画像を使い回す事ができます。

【画像フィールド】

「画像フィールド」は、上から境界線/内文字/画像/背景の4つの階層を1つのフィールドとして表示します。

  • 「境界線」は角丸に対応した矩形で、線幅と線の色、透明度を指定できます。
  • 「背景」は境界線の外側からの間隔と塗りの色、透明度を指定できます。
  • 「内文字」は矩形の範囲内に文字を表示する機能です。「文字表示」を参照して下さい。
  • 画像にはJPEG/PNG/GIFとSWFファイルが表示できます。
NAVIEW-OBJECTの画像フィールド

【画像フィールドの指定】

画像フィールドは下記の書式で記述します。

  • FldId,Im,GRP,表示,X,Y,W,H,線幅,線色,線%,BSPC,BK色,BK%,R,ISPC,VIEW,FILE,日付,SMZ
  • // 画像フィールド例
  • FldIm1,Im,10,,10,40,100,80,5,#ffffff,30,,,,10,,FIX,{COMM}/animal.jpg,CFG,ON

位置と幅/高さ(X,Y,W,H)については「レイアウト」を参照して下さい。

画像フィールドでは位置と幅/高さの他、下記の指定ができます。[]内はデフォルト値です。

  • FldId フィールド名(Fld+任意名)
  • Im フィールドタイプ 画像(固定)
  • GRP グループ番号 []
  • 表示 表示(AUTO/ON/OFF/FON/FOFF) [ON]
  • X X 全体基準(%/PIX) []
  • Y Y 全体基準(%/PIX) []
  • W 幅 全体基準(%/PIX) []
  • H 高さ 全体基準(%/PIX) []
  • 線幅 線幅指定 (PIX) [0]
  • 線色 線の色指定 (#RRGGBB) [#808080]
  • 線% 線の透明度 (% -1:無し) [100]
  • BSPC 背景−外枠間隔 (PIX) [0]
  • BK色 背景色指定 (#RRGGBB) [#ffffff]
  • BK% 背景透明度 (% -1:無し) [100]
  • R 矩形円弧半径 (PIX / TL:TR:BR:BL) [0]
  • ISPC 画像−外枠間隔 (PIX) [0]
  • VIEW 画像表示 (FIX/FUL/FIT/NON)+(T/C/B)+(L/C/R) [FIXCC]
  • FILE ファイル []
  • 日付 キャッシュ防止(2007-01-01/NOW/OPEN/MAKE/CFG) []
  • SMZ 画像のスムージング(ON/OFF) [OFF]

※ 位置と幅/高さ(X,Y,W,H)については「レイアウト」を参照して下さい。

※ 「R 矩形円弧半径」の詳細は「角丸指定」を参照して下さい。

画像フィールドの境界線は「塗り」で描画していますので、幅が0(ゼロ)の場合には非表示となります。

BSPC/ISPCは、境界線の外側からの間隔です。0(ゼロ)の場合には境界線と重なります。

画像ファイルは、設定ファイルのみでパス参照の完結する場合は「固定画像」として、{cnt_img}などのリストデータとの組み合わせでパスを指定すると「リスト画像」として下記の手順で読込まれます。

フィールド配置>固定画像読込み>リストデータ読込み>リスト画像読込み

画像ファイル、日付の指定方法は、「ファイル指定」を参照して下さい。

SMZ は画像のスムージング処理のON/OFFで、ONにするとシャギーが出なくなります。ただしこの場合はFLASHの描画が遅くなりますので、FImgShowStep(画像表示ステップ)を小さくしてフェードインさせる場合はお勧めしません。

【画像の表示方法】

画像は表示領域に合わせて自動的にリサイズされますが、「画像表示」には下記の指定が可能です。

  • FIT:画像を表示領域の幅・高さに合わせて伸縮 (縦横比を維持しない)
  • FIX:表示領域を画像で埋めるように縦横比を保持したまま拡大/縮小 (画像の非表示部分ができる)
  • FUL:画像を全て表示するように縦横比を保持したまま拡大/縮小 (空白ができる)
  • NON:画像を元のサイズで表示 (画像の非表示部分又は空白ができる)

また"FIT"以外では画像の非表示部分、もしくは空白部分ができるので、表示の基準を上下方向(T:Top/C:Center/B:Bottom)と、左右方向(L:Left/C:Center/R:Right)で指定できます。

尚、単に"FIX"とした場合は"CC"がデフォルトで追加され"FIXCC"となります。

NAVIEW-OBJECT 画像の表示方法
CMS+FLASHのWEBシステム 写KIT

NAVIEW-OBJECT