行毎に異なるアイコン画像を設定したい

FlexView - デザイン

行毎に異なるアイコン画像を設定したい

FlexViewオブジェクトで生成した表のセルへアイコン画像を表示する場合、FlexLabelクラスやFlexButtonクラスを利用します。
アイコン画像の設定はsetImageメソッドを利用します。setImageメソッドで設定した画像のうち、オブジェクトへ表示させたいアイコン番号をiconプロパティで指定します。

下記のサンプルでは、FlexRowオブジェクトで行番号を取得し、偶数行・奇数行ごとに表示するアイコン画像を変えFlexLabelオブジェクトへセットしています。

【実行結果】

Form form1 {
    width = 450;
    height = 297;
    
    /* アイコン用の画像 */
    /* 任意の画像を用意してお試しください */
    Image Image0 {
        LoadImage("V.jpg");
    }
    Image Image1 {
        LoadImage("XE.jpg");
    }

    FlexView FlexView1 {
        x = 115;
        y = 44;
        width = 173;
        height = 164;
        
        FlexRecord FlexRecord1{
            FlexLabel FlexLabel1{
                title = "アイコン";
                width = 70;
                
                /* アイコン画像をセットする */
                SetImage(0, ^.^.^.Image0);
                SetImage(1, ^.^.^.Image1);
                horizontalAlign = DisplayObject.ALIGN_CENTER;
            }
            FlexLabel FlexLabel2{
            }
        }
        /* 行追加 */
        InsertRow(5);
    }
    
    if(!Application.DESIGNTIME){
        var rowNo = FlexView1.getRow();
        
        while (!rowNo.End) {
            /* 行番号を判断し、iconプロパティに画像をセット
                奇数行：Biz/Browser XE、偶数行：Biz/Browser V  */
            if (rowNo.position % 2 == 0) {
                rowNo.FlexLabel1.icon = 1;
                rowNo.FlexLabel2.value = "Biz/Browser XE";
            } else if(rowNo.position % 2 == 1){
                rowNo.FlexLabel1.icon = 0;
                rowNo.FlexLabel2.value = "Biz/Browser V";
                rowNo.FlexLabel2.fgColor = Color.RED;
            } else {
                /* デフォルト画像 */
                rowNo.FlexLabel1.icon = 1;
            }
            rowNo.moveNext();
        }
    }
}


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