スターサイズ指定を使用して、FlexGrid で柔軟なレイアウトを実装できます。以下のサンプルでは、オブジェクトの setWidth プロパティでスターサイズ指定を使用しています。

このグリッドには 4 つの列があります。最初の列と 4 番目の列の幅が 1* に設定されていて、2 番目の列と 3 番目の列の幅が 2* に設定されています。これは 2 番目の列と 3 番目の列の幅が最初の列の幅の 2 倍になることを意味します。

次の図は、スターサイズ指定を適用した FlexGrid を示します。

スターサイズ指定が設定された列をエンドユーザーがサイズ変更した場合、ピクセル測定に従って列の幅が変更されます。つまり、その列はもはやスターサイズ指定された列のようには動作しません。この動作を無効にするには、以下のコードに示すように、setAllowResizing プロパティを使用してこれを None に設定します。

以下のコード例は、FlexGrid コントロールでスターサイズ指定を使用する方法を示します。この例では、「クイックスタート」のセクションで作成したサンプルを使用しています。

サンプルコード

// Resizing を None に設定します。
mGrid.setAllowResizing(GridAllowResizing.NONE);
    
// スターサイズ指定を設定します。
columnId.setWidth("1*");
columnFirst.setWidth("2*");
columnLast.setWidth("2*");
columnWeight.setWidth("1*");

// Resizing を None に設定します。
mGrid.AllowResizing = GridAllowResizing.NONE);
    
// スターサイズ指定を設定します。
columnId.SetWidth("1*");
columnFirst.SetWidth("2*");
columnLast.SetWidth("2*");
columnWeight.SetWidth("1*");

Copyright © GrapeCity inc. All rights reserved.