セルにイメージ画像を表示したい

Spread - デザイン

セルにイメージ画像を表示したい

SpreadのsetImageメソッド、SpreadStyleLabelのpictureプロパティを利用してセルに画像を設定することが可能です。

画像の大きさをセルに合わせたサイズで表示したい場合はpicStretchプロパティをtrueに設定します。元の大きさを維持して表示したい場合はfalseに設定します。

画像の縦横比を維持して拡大・縮小したい場合はpicMaintainScaleプロパティをtrueに設定します。picMaintainScaleプロパティはpicStretchプロパティがtrueの場合のみ有効です。

画像とテキストが両方とも指定されている場合、画像の表示が優先されテキストは表示されませんのでご注意ください。

【実行結果（画像のサイズを維持して表示）】

【実行結果（セルに合わせたサイズで表示）】

【実行結果（画像の縦横比を維持して表示）】

Form form1 {
    width = 800;
    height = 513;

    #表示する画像ファイル
    #任意の画像を用意してお試しください
    Image image1("gazo1.png");
    Image image2("gazo2.png");
    Image image3("gazo3.png");

    Spread spread1 {
        x = 8;
        y = 8;
        width = 640;
        height = 440;
        maxColumns = 10;
        maxRows = 10;
    }

    if (!Application.DESIGNTIME) {
        #セルの幅と高さを設定
        spread1.columns(1,5).width = 50;
        spread1.rows(1,5).height = 50;

        #画像を設定
        spread1.setImage(0,image1);
        spread1.setImage(1,image2);
        spread1.setImage(2,image3);

        var s_1 = new SpreadStyleLabel;
        var s_2 = new SpreadStyleLabel;
        var s_3 = new SpreadStyleLabel;

        #表示画像を指定（画像１）
        #元の大きさを維持して表示する
        s_1.picture = 0;
        spread1.cell("A1").style = s_1;

        #表示画像を指定（画像２）
        #表示画像をセルのサイズに合わせて拡大する
        s_2.picture = 1;    
        s_2.picStretch = true;
        spread1.cell("A2").style = s_2;

        #表示画像を指定（画像３）
        #画像拡大時に縦横比を維持する
        s_3.picture = 2;
        s_3.picStretch = true;
        s_3.picMaintainScale = true;
        spread1.cell("A3").style = s_3;
    }
}


		Biz-Collections Bizの宝箱トップへ
		Biz/Browser DT・Biz/Designer DT TIPS集トップへ