FlexGrid のスターサイズ指定機能を使用すると、各列の幅を明示的に設定する代わりに、スターサイズ指定システムを使用して FlexGrid の列の幅を比率で設定できます。スターサイズ指定は、すべての列が使用可能な画面スペースに収まるように、各列の幅を他の列との関連で自動的に決定します。データ全体が画面に表示されるので、水平スクロールが不要になり視認性が向上します。スターサイズ指定を使用することで、FlexGrid で柔軟なレイアウトを実装できます。以下のサンプルでは、オブジェクトの width プロパティでスターサイズ指定を使用しています。

この例では、グリッドに 4 つの列があります。最初の列、3 番目の列、および 4 番目の列の幅が * に設定されていて、2 番目の列の幅が 2* に設定されています。

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

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

C# のコード

  <Grid>
    <xuni:FlexGrid x:Name="grid" AutoGenerateColumns="False" AllowResizing="None" Grid.Row="1">
      <xuni:FlexGrid.Columns>
        <xuni:GridColumn Binding="ID" Width="*"/>
        <xuni:GridColumn Binding="First" Width="2*"/>
        <xuni:GridColumn Binding="Last" Width="*"/>
        <xuni:GridColumn Binding="Weight" Width="*" Format="N1"/>
      </xuni:FlexGrid.Columns>
    </xuni:FlexGrid>
  </Grid>               

Copyright © GrapeCity inc. All rights reserved.